Question

所以，我所拥有的是一个以1000/130的速度显示2000个数据点的图形。正如您在下面看到的小提琴

https://jsfiddle.net/abnitchauhan/xah4b7jg/

到目前为止，一切正常。但是当我将散点图添加到同一图表时会出现问题。

假设我有X-axis和Y-axis，它们在同一张图表上显示了一些散点。

  xPeak =[20,140,267,331,430,499,567,689,798,878,980,1084,1194,1303,1421,1600,1789,1857,1897,];

  yPeak =[0.568983828,0.677775032,0.68688825,0.686838299,0.685661679,0.7656789,0.74788438,0.7846787877,0.76785048,0.967867401,0.678468927,0.756786269,0.756786506,0.6767838,0.686875904,0.86586541,0.785671637,0.75678593,0.73670506,];

当我在同一图表上添加分散点时。图表的功能会失真。我需要的是在直线到达该点时显示散点。

这是包含散点图的图表的小提琴。

https://jsfiddle.net/abnitchauhan/6jqx9dwb/

图表应该像第一个小提琴一样运行，但是散点图也应该以此来绘制。

Answer 1

在'afterGetSeriesExtremes'事件中，您可以覆盖xAxis的极端值以仅包括第一个序列数据：

(function(H) {
    H.addEvent(H.Axis, 'afterGetSeriesExtremes', function(e) {
        var series = this.series[0],
            xExtremes;

        if (this.coll === 'xAxis') {
            xExtremes = series.getXExtremes(series.xData);

            this.dataMin = xExtremes.min;
            this.dataMax = xExtremes.max;
        }
    });
}(Highcharts));

实时演示： https://jsfiddle.net/BlackLabel/f64goze2/

文档： https://www.highcharts.com/docs/extending-highcharts

在折线图上添加散点图

1 个答案: