Highcharts Spline:跨越绘制线的交错间隔的自定义图表标记?

时间:2018-04-04 11:39:14

标签: highcharts marker spline

我的样条曲线图具有不同的x轴,最少12个月,最多36个月。该图表使用自定义标记,因为设计需要它。但设计ALSO要求标记交错 - 这样标记只出现在横跨x轴的每4个刻度上(我不是指底部的刻度线,而是线上的点,在图表中)。 / p>

我一直在研究它,我发现的最接近的是刻度密度选项。这不是我要找的功能。

想象一下这个例子,样条曲线中的SUN标记出现在1月,3月,6月等区域(对于其他月份只有一个点或甚至没有)。

这是否会给任何人敲响钟声 - 或者它是否会让我想到任何想法?是否应该使用高级图表中一个鲜为人知的特征?

提前感谢您阅读本文以及任何想法! 埃文

1 个答案:

答案 0 :(得分:2)

您可以更改各个数据点上的标记。您可以预处理数据,仅在您感兴趣的点上添加符号。

var data = [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5];
for (var i = 0; i < data.length; i++) {
  data[i] = {
    x: i,
    y: data[i]
  }
  if (i % 4 == 0) {
    data[i].marker = {
      symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
    };
  }
}

http://jsfiddle.net/gqma0mnj/1/