如何定义xAxis HighCharts下划线的颜色

Question

我希望下划线的颜色与文字的颜色不同。

我已经尝试了

text-decoration: underline;
text-decoration-color: red;

但下划线采用文字的颜色。

感谢。

Answer 1

默认情况下，轴标签为 SVG 。 SVG可以通过CSS设置样式，但只支持CSS选项的子集。要获得更高级的样式，请将xAxis.labels.useHTML设置为true并使用以下代码：

.highcharts-xaxis-labels span {
  text-decoration: underline;
  text-decoration-color: red;
}

现场演示： http://jsfiddle.net/kkulig/ambL84be/

API参考： https://api.highcharts.com/highcharts/xAxis.labels.useHTML