Question

我正在尝试使用线型标记将Highcharts图例自定义为html，以便使用>>> local_minima([50, 50, 49, 49, 49, 50, 50, 50, 49, 49, 49, 48, 48, 48, 47, 47, 48, 48, 13, 12, 11, 10, 11, 12]) [49, 47, 10]

更改颜色

我正在使用

this.color

尝试完成此任务。我希望图的图例显示“ LOW Percentage的总数”，我能够做到这一点，但是现在我试图将样式添加到来自this.name的“ LOW”，“ MEDIUM”或“ HIGH”；我想使该颜色与图表中的颜色相同，例如：

LOW =绿色，

MEDIUM =橙色

高=红色

我尝试使用this.color完成此操作，但是它对我的图例没有任何影响。

这是我的代码https://jsfiddle.net/uyr2tb7n/3/

Answer 1

返回的字符串应如下所示：

    legend: {
        ...,
        labelFormatter: function() {
            return "Total amount of  <span style='color:" + this.color + "'>" + this.name + "</span> Percentage"
        }
    }

实时演示： https://jsfiddle.net/BlackLabel/jv3p5z8t/

API参考： https://api.highcharts.com/highcharts/legend.labelFormatter

Highcharts-将CSS添加到highcharts图例

1 个答案: