Javascript 删除highcharts中svg的内联样式

我最近开始为一个项目查看Highcharts，到目前为止，我已经成功地获得了我需要的图表，但我唯一的问题是随着图表一起创建的标记过多。举个例子：

<text style="color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; position: absolute; fill: white;" x="1288" y="252" zIndex="2">
<tspan style="font-weight: bold;" x="1288">
<text style="color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; position: absolute; fill: white;" x="1288" y="452" zIndex="2">
<tspan style="font-weight: bold;" x="1288">

这只表示图表中的2个对象，每次您可以看到颜色、字体、位置和填充都作为内联样式添加

没有过多接触SVG，这是一个要求吗？我想能够做的是添加一个类到文本中，比如说“hc-txt”，然后我可以设置颜色、字体、位置和填充我的CSS文件

e、 g

在查看了src文件后，我已经能够将前缀从highcharts缩短为hc，这也有助于稍微整理标记，但是改变了创建这些对象的方式，我是否过于雄心勃勃了

提前感谢,

---

Will.

将类属性添加到元素应该可以工作-请检查：

特别是这个：

---

将类属性添加到元素应该可以工作-请检查：

特别是这个：

---

Highcharts 5引入了样式化模式！

---

您现在可以使用css设置图表样式，这将消除对所有内联样式的需要

Highcharts 5引入了样式化模式！

---

您现在可以使用css设置图表样式，这将消除对所有内联样式的需要

啊，好的。。。因此，使用svg支持添加类，这是一个良好的开端。尽管我现在的问题是如何让Highcharts添加此类，而不是添加内联样式。：-）恐怕单凭设置无法做到这一点，您必须覆盖渲染器方法。内联样式用于Highcharts快速读取SVG和VML中的值。我们正在计划一个只支持SVG的版本，所有样式都将在类中完成。@Torstein-这将非常有用。当SVG不受支持时，我禁用了图表，因为我们只需要SVG。我已经删除了添加的样式，并且能够在一些地方使用类，但不是全部。谢谢你的更新。啊，好的。。。因此，使用svg支持添加类，这是一个良好的开端。尽管我现在的问题是如何让Highcharts添加此类，而不是添加内联样式。：-）恐怕单凭设置无法做到这一点，您必须覆盖渲染器方法。内联样式用于Highcharts快速读取SVG和VML中的值。我们正在计划一个只支持SVG的版本，所有样式都将在类中完成。@Torstein-这将非常有用。当SVG不受支持时，我禁用了图表，因为我们只需要SVG。我已经删除了添加的样式，并且能够在一些地方使用类，但不是全部。谢谢你的更新。

<text class="hc-txt" x="1288" y="252">
<tspan x="1288">
<text class="hc-txt" x="1288" y="452">
<tspan x="1288">