我最近开始为一个项目查看 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 文件。
例如
<text class="hc-txt" x="1288" y="252">
<tspan x="1288">
<text class="hc-txt" x="1288" y="452">
<tspan x="1288">
查看 src 文件后,我已经能够将前缀从 highcharts- 缩短为 hc- 这也有助于稍微整理标记,但改变了这些对象的创建方式,我是否过于雄心勃勃?
提前致谢,
将要。