将样式添加到<text>标记的一部分，具体取决于它包含的值

Question

在this fiddle之后我在YAxis中给出所有0都是灰色而不影响大于0的数字。这里的问题是它们包含在同一个SVG标签中：<tspan>3000</tspan>。有没有办法可以使用css在标记内定位特定的文本值？即

tspan[0]{
 color: #808080;
}

或者我有办法使用Highcharts＆＃39; yAxis.labels.formatter？

Answer 1

这完全是hacky，但我得到了它的工作。在yaxis下：

labels: {
            formatter: function () {
                var label = this.axis.defaultLabelFormatter.call(this);
                label = label.replace(/(0+$)/,'<span style="color: #ccc;">$1</span>');
                return label;
            }
        },