如何在Highcharts中更改标签颜色

Question

为什么在这个脚本标签颜色仍然是黑色？

plotOptions: {
  series: {
    dataLabels: {
      enabled: true,
      color: ['#7cb5ec', '#434348'],
    }
  }
}

Answer 1

color-attribute只接受一种颜色 - 如果你想为不同的系列应用不同的颜色，你必须编写自己的“格式化程序” - 函数：

plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    formatter: function () {
                        return '<span style="color:' + (this.series.name == "series1" ? '#7cb5ec' : '#434348' ) + '">' + this.y + '</span>';
                    }
                }
            }
        },

为您的系列提供名称，并按名称区分，以便为标签提供正确的颜色。

有关工作演示，请参阅此处：http://jsfiddle.net/oa2dgwku/