Google Charts自定义数据点标记(图像)

时间:2012-06-20 16:12:36

标签: javascript jquery charts google-visualization

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

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

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

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

让我的问题绝对清楚:

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

两种理想的解决方案

  1. 将属性设置为具有类名的数据点,并在css中为此类名定义图片。 (对我来说,似乎不可能,因为这些是SVG图形)
  2. 使用数据标记图像源添加额外的列。
  3. 虽然理论上这些似乎很完美,但我不知道如何实施它们。

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

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

    修改

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

0 个答案:

没有答案