javascript - 文字装饰 :line-through; in SVG rendered by Highcharts

Question

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

第一个样式是text color:#value;并且工作正常，因为 svg 将其重现为填充:#value;

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

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

Answer 1

这是你的想法吗？

这是原始版本的一个分支，只有分支为其设置了 textDecoration 属性。

原创:http://jsfiddle.net/Tr7nk/11/

带直通的 fork :http://jsfiddle.net/GreyPilgrim/pFXTd/

原文来自 Highcharts API example for styling tooltips: http://www.highcharts.com/ref/#tooltip--style

这是声明直通的 fork 的摘录:

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

希望这对您有所帮助。