棒グラフのラベル

Question

棒グラフを作成しようとしていますが、棒グラフにはその列の名前が表示されます。

ご覧くださいフィドル - http://jsfiddle.net/akshayasharma/cdweowtq/3/私は東京に値を示すと「ニューヨーク」の値を示している「ニューヨーク」などの他れる「東京」としての私の最初の列にラベルを付けたい

$(function() { 
    Highcharts.chart('container', { 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Monthly Average Rainfall' 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com' 
     }, 
     xAxis: { 
      crosshair: true 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Rainfall (mm)' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [{y: 49.9}] 

     }, { 
      name: 'New York', 
      data: [{y: 83.6}] 

     }] 
    }); 
}); 

。

Answer 1

1つのオプションは、dateLabelsを使用して、データ系列にnameを追加することです：http://jsfiddle.net/cdweowtq/5/

Answer 2

は、あなたがこれを設定することができ、いくつかの方法がありますが、それは具体的には、あなたが「ラベル」によって何を意味するか、に依存します。

ここでは、x軸のラベルを意味します。

series: [{ 
    name: 'Rainfall', 
    data: [49.9, 83.6] 
}] 

フィドル：このように、

xAxis: { 
    crosshair: true, 
    categories: ['Tokyo', 'New York'] 
} 

をしてから、一連の構造を簡素化：

これを実現する簡単な方法は、このように、x軸にカテゴリ名を提供することです。

• http://jsfiddle.net/jlbriggs/ks7g1bo9/2/

あなたは今の例では持っていることを設定した色を維持するために

、あなたはこのように、シリーズは多少複雑にすることができます：

xAxis: { 
    crosshair: true, 
    type: 'category' 
}, 
series: [{ 
    name: 'Rainfall', 
    data: [{ 
    name: 'Tokyo', 
    y: 49.9, 
    color: Highcharts.getOptions().colors[0] 
    }, { 
    name: 'New York', 
    y: 83.6, 
    color: Highcharts.getOptions().colors[1] 
    }] 
}] 

フィドル：

• http://jsfiddle.net/jlbriggs/ks7g1bo9/1

これは、これを設定する多くの方法のうちの2つに過ぎません。具体的には、何が必要なのかによって異なります。