我想知道是否有一种方法可以将自定义图像定义为数据点 .

对于LineGraph,有一个 pointSize 属性,用于设置数据点的大小 . (不出所料) .

也可以使用series属性覆盖此属性,您还可以在其中定义自定义颜色 .

尽管如此,我看不到任何允许自定义标记的东西 .

让我的问题绝对清楚:

这就是我想要的:Image with an example

两种理想解决方案

  • 将属性设置为具有类名的数据点,并在css中为此类名定义图片 . (对我来说似乎不可能,因为这些是SVG图形)

  • 使用数据标记图像源添加额外的列 .

虽然这些在理论上看起来很完美但我不知道如何实施它们 .

一个不太完美的解决方案可能是从SVG中提取点位置并使用JavaScript动态地将div与图像定位(这看起来非常不优雅且容易出错)

或者,请推荐一个免费的js图表库,并支持这种功能 .

Edit:

与此同时,我发现了一个非常好且相当便宜(每个网站许可证60美元)的库,它涵盖了这个功能:Highcharts library但原始问题仍然存在 .