文字修饰:线通过;在Highcharts呈现的SVG中

时间:2011-12-08 17:51:06

标签: javascript css svg highcharts

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

第一种风格是文字颜色:#value;并且工作正常,因为svg将其重现为填充:#value;

第二种风格是文字装饰:直通;这不起作用,因为文本不被视为文本,是一个svg渲染。

我的问题:如何在自动生成的highcharts svg中请求我的直通式?

1 个答案:

答案 0 :(得分:1)

这是你的想法吗?

这是原始的fork,只有fork为它设置了textDecoration属性。

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

fork with line-through:http://jsfiddle.net/GreyPilgrim/pFXTd/

原始版本来自Highcharts API示例,用于样式化工具提示: http://www.highcharts.com/ref/#tooltip--style

以下是宣布直线的分叉的摘录:

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

希望这有帮助。