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

Question

我正在尝试设置 Highcharts 图表的样式，例如。这个。

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

有人已经启动并运行了类似的东西吗？还是 SVG 图表不可能？

谢谢。

Answer 1

您可以将标签的 useHTML 设置为 true，然后使用格式化程序定义您自己的 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