将标题添加到类别以根据仪表高位图表的数据值更改颜色

Question

我们可以根据规格高图表中的from和to颜色值添加类别或更改标题的颜色

我正在处理以下代码：

SELECT COUNT(1)
FROM [dbo].[Products]

实时示例：https://codepen.io/qadeershaikh/pen/MRmJwP?editors=0010

Answer 1

要动态设置图表的title颜色，可以对SVG元素使用css方法，例如在render事件函数中：

chart: {
    type: 'gauge',
    borderWidth: 0,
    events: {
        render: function() {
            var value = this.series[0].yData[0],
                color;

            if (value < 30) {
                color = '#DF5353';
            } else if (value < 60) {
                color = '#DDDF0D';
            } else {
                color = '#55BF3B';
            }

            this.title.css({
                color: color
            });
        }
    }
}

实时演示： http://jsfiddle.net/BlackLabel/fj7mLrxa/

API参考：

https://api.highcharts.com/highcharts/chart.events.render

https://api.highcharts.com/class-reference/Highcharts.SVGElement#css