如何使用CSS3背景线性渐变标签（Highcharts）

Question

我正在尝试设置一个Highcharts图表，例如。 this one

我正在寻找的是将CSS3背景线性渐变添加到xAxis和yAxis标签的解决方案。

任何已经有这样的东西并且正在运行的人？或者SVG图表不可能吗？

THX。

Answer 1

您可以将useHTML设置为true，然后使用formatter定义您自己的div并使用css3样式，如下例所示：

labels: {
            useHTML: true,
            formatter: function () {
                return '<div class="label">' + this.value + ' </div>';
            }
        }

http://jsfiddle.net/MV4pb/

http://api.highcharts.com/highstock#xAxis.labels.formatter http://api.highcharts.com/highstock#xAxis.labels.useHTML