Question

我正在尝试使用highcharts solid gauge，我希望有一个传奇，但是Highcharts开发人员似乎已经从固体量规系列中删除了颜色选项，我相信这就是传说中的它所带来的。颜色来自。

series: [{
      name: 'Move',
            borderColor: Highcharts.getOptions().colors[0],
            color: Highcharts.getOptions().colors[0],
            data: [{
                color: Highcharts.getOptions().colors[0],
                radius: '100%',
                innerRadius: '100%',
                y: 80
            }],
            showInLegend:true
        }, {
            name: 'Exercise',
            borderColor: Highcharts.getOptions().colors[1],
            color: Highcharts.getOptions().colors[1],
            data: [{
                color: Highcharts.getOptions().colors[1],
                radius: '75%',
                innerRadius: '75%',
                y: 65
            }],
            showInLegend:true
        }, {
            name: 'Stand',
            borderColor: Highcharts.getOptions().colors[2],
            color: Highcharts.getOptions().colors[2],
            data: [{
                color: Highcharts.getOptions().colors[2],
                radius: '50%',
                innerRadius: '50%',
                y: 50
            }],
            showInLegend:true
}]

Jsfiddle

有没有办法让我的传奇符合系列颜色？

Answer 1

我还没有弄清楚如何在图例中为标记着色，但对我来说，无论如何这些标记在这种情况下都没有意义。所以，我在我的小提琴中把它们关掉了。

要为文本着色，可以使用图例labelFormatter函数。

legend: {
  labelFormatter: function() {
    return '<span style="text-weight:bold;color:' + this.userOptions.color + '">' + this.name + '</span>';
  },
  symbolWidth: 0
},

http://jsfiddle.net/9dq2p7dw/21/

Answer 2

只需补充一点，芭芭拉的答案在2019年仍然有效。但是，要删除标记，您必须添加

squareSymbol: false

我会在她的回答中将此添加为评论，但我没有足够的声望点。

Highcharts - 用于实心规格的彩色编码图例

2 个答案: