我正在使用highchart库来显示图表。
它将图表显示为SVG图像。图例部分也是SVG的一部分。
在屏幕截图中,请检查<g class="highcharts-legend"
元素。它是SVG的一部分。
有没有可能图例不应该是SVG的一部分?它应该作为HTML列表在SVG之外。
也许在highchart配置中有一个选项,但我错过了它?
更新日期:
使用useHtml
选项,图例的文本现在位于SVG外部,但颜色点仍位于SVG内部。
我正在使用highchart库来显示图表。
它将图表显示为SVG图像。图例部分也是SVG的一部分。
在屏幕截图中,请检查<g class="highcharts-legend"
元素。它是SVG的一部分。
有没有可能图例不应该是SVG的一部分?它应该作为HTML列表在SVG之外。
也许在highchart配置中有一个选项,但我错过了它?
更新日期:
使用useHtml
选项,图例的文本现在位于SVG外部,但颜色点仍位于SVG内部。
1条答案
按热度按时间rhfm7lfc1#
图例有
useHTML
选项,但它只会将文本元素放置在SVG之外。如果要将图例完全移出SVG,则需要创建一个自定义图例。
现场演示:http://jsfiddle.net/BlackLabel/rox6dc7a/
API引用:https://api.highcharts.com/highcharts/legend.useHTML