1

各バーの名前を変更するには、別の名前を付けたいです。常に「bar1」、「bar2」などと表示されます。これはシリーズの名前です。しかし、カスタマイズしたい他のテキストの代わりに表示したい. これが私がすることです。異なる名前を付けます。バーが 9 本ある場合、バーに別の名前を付けたいと思います。bar1、bar2、bar3、Bar4、Bar5、Bar6、Bar7、Bar8、Bar9。私の例で繰り返したくありません。

ここに画像の説明を入力

series: [{
  name: 'bar1',
  data: [1000, 950, 920, 0, 850],
  color: "#FF0000"
}, {
  name: 'bar2',
  data: [800, 770, 750, 0, 730],
  color: "#000000"

}, {
  name: 'bar3',
  data: [600, 540, 535, 500, 30],
  color: "#00FF00"

},
 {
  name: 'bar4',
  data: [28, 28, 28, 28, 28],
  color: "#00FF00"

}]

http://jsfiddle.net/05L1n3wb/

4

2 に答える 2

1

これは、name: 'bar1'必要なものに変更することによって行われます。それでもseries.name「bar1」である必要がある場合は、データ モデルについて真剣に考える必要があります。の内容に基づいて表示されるテキストを変更する場合はseries.name、ラベル フォーマッタまたは dataLabel フォーマッタを使用して変更できます。

于 2016-01-22T19:30:17.130 に答える
0

前の回答でわかるように、dataLabels フォーマッターを使用して、列に表示する文字列を変更できます: http://api.highcharts.com/highcharts#plotOptions.bar.dataLabels.formatter

名前のようなカスタム パラメータをポイントに追加できます。

 series: [{
      name: 'bar1',
      data: [{
        y: 1000,
        name: 'bar1'
      }, {
        y: 950,
        name: 'bar5'
      }, {
        y: 920,
        name: 'bar9'
      }, {
        y: 0,
        name: 'bar13'
      }, {
        y: 850,
        name: 'bar17'
      }],
      color: "#FF0000"
    }]

また、dataLabels フォーマッタ内で、次のパラメータを表示できます。

  formatter: function() {
    var string = this.point.name + ' ';
    if (this.y <= 30) {
      string += this.y;
    }
    return string;
  }

例: http://jsfiddle.net/05L1n3wb/2/

于 2016-01-25T17:33:28.100 に答える