文字装饰：直通；在 Highcharts 渲染的 SVG 中

Question

我正在尝试将 2 种样式添加到 javascript 中的字符串，然后将其呈现为 svg。

第一个样式是文字颜色：#value;并且工作正常，因为 svg 将其复制为填充：#value;

第二种样式是text-decoration:line-through;这不起作用，因为文本不被视为文本，是 svg 渲染。

我的问题：如何将我的直通样式请求到自动生成的 highcharts svg 中？

Answer 1

这是你的想法吗？

这是原版的叉子，只有叉子为其设置了 textDecoration 属性。

原文：http://jsfiddle.net/Tr7nk/11/

带有直通的叉子：http://jsfiddle.net/GreyPilgrim/pFXTd/

原文来自 Highcharts API 样式工具提示示例： http://www.highcharts.com/ref/#tooltip--style

下面是声明 line-through 的 fork 的摘录：

tooltip: {
    style: {
        padding: 10,
        textDecoration: 'line-through',
        fontWeight: 'bold'
    }
},

希望这会有所帮助。