css - 根据它包含的值向 <text> 标记的一部分添加样式

Question

在this fiddle我所追求的是在不影响大于 0 的数字的情况下，为 YAxis 中的所有 0 赋予灰色。这里的问题是它们包含在同一个 SVG 标签中:<tspan>3000</tspan> .有没有一种方法可以使用 css 定位标签内的特定文本值？即

tspan[0]{
 color: #808080;
}

或者我可以使用 Highcharts 的 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;
            }
        },