3

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

对于 LineGraph,有一个pointSize属性可以设置数据点的大小。(这并不奇怪)。

该属性也可以被系列属性覆盖,您还可以在其中定义自定义颜色。

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

为了让我的问题绝对清楚:

这就是我想要的:带有示例的图像

两种理想的解决方案

  1. 将属性设置为具有类名的数据点,并在 css 中为该类名定义图片。(对我来说这似乎是不可能的,因为这些是 SVG 图形)
  2. 添加带有数据标记图像源的额外列。

尽管这些在理论上看起来很完美,但我不知道如何实施它们。

一个不太完美的解决方案可能是从 SVG 中提取点位置并使用 JavaScript 动态定位带有图像的 div(这似乎非常不雅且容易出现错误)

或者,请推荐一个免费且支持此类功能的 js 图表库。

编辑:

与此同时,我发现了一个非常好的且相当便宜的库(每个网站许可证 60 美元),它涵盖了这个功能:Highcharts library但最初的问题仍然悬而未决。

4

0 回答 0