echarts-区分图的SVG元素

时间:2018-07-20 16:56:07

标签: javascript svg echarts

我正在使用svg渲染器初始化图表。我可以在单独的路径元素中找到图形的所有单个组件,但是没有属性可以区分它们。有什么方法可以在Option设置中设置ID?

这是生成的路径元素的两个示例。如您所见,没有明确的方法可以动态使用选择器从dom中选择它们。

<path d="M 0 217.3333 C 0 217.3333 66.3334 353.9967 133.3333 354.6667 C 
199.6667 354.6667 189.4603 269.0261 266.6667 220 C 322.7936 185.3333 
341.593 185.3333 400 185.3333 C 474.9263 208.1859 465.1951 298.2671 
533.3333 301.3333 C 598.5284 304.2671 666.6667 197.3333 666.6667 
197.3333 L 666.6667 400 L 533.3333 400 L 400 400 L 266.6667 400 L 
133.3333 400 L 0 400 Z Z Z Z Z" fill="rgba(0, 0, 0, 0.002)" fill- 
opacity="0.7" stroke="none" clip-path="url(#zr2321-clip-0)"></path>

<path d="" fill="none" stroke="#c23531" stroke-width="2" paint- 
order="fill" stroke-opacity="0" stroke-dasharray="" stroke-linecap="butt" 
stroke-linejoin="bevel" stroke-miterlimit="10" clip-path="url(#zr2321- 
clip-4)"></path>

我一直在使用'color'和'stroke-width'作为选择器,但由于这些值很容易更改,因此看起来有点脏又脆弱。

0 个答案:

没有答案