我想知道是否有一种方法可以将自定义图像定义为数据点。
对于 LineGraph,有一个pointSize
属性可以设置数据点的大小。(这并不奇怪)。
该属性也可以被系列属性覆盖,您还可以在其中定义自定义颜色。
尽管如此,我看不到任何允许自定义标记的东西。
为了让我的问题绝对清楚:
这就是我想要的:带有示例的图像
两种理想的解决方案
- 将属性设置为具有类名的数据点,并在 css 中为该类名定义图片。(对我来说这似乎是不可能的,因为这些是 SVG 图形)
- 添加带有数据标记图像源的额外列。
尽管这些在理论上看起来很完美,但我不知道如何实施它们。
一个不太完美的解决方案可能是从 SVG 中提取点位置并使用 JavaScript 动态定位带有图像的 div(这似乎非常不雅且容易出现错误)
或者,请推荐一个免费且支持此类功能的 js 图表库。
编辑:
与此同时,我发现了一个非常好的且相当便宜的库(每个网站许可证 60 美元),它涵盖了这个功能:Highcharts library但最初的问题仍然悬而未决。