Question

我正在使用带有四个yAxis的highstock。每个轴都有一个超过400个点的系列。最初图表是正确的，但只要稍微缩放或稍微移动导航器，整个图表就会改变。线路在它们不应该连接的地方连接，yAxis似乎已损坏，数据点不再受到尊重。

结果：显示完全错误数据的图表。

使用非序数xAxis时尤其令人讨厌，尽管错误不需要出现。

预期视图（不缩放或更改导航）：

使用导航器点连接后，yAxis不需要更改，预期的间隙不再可见：

如果三轴或所有系列都在一个轴上，则不会发生错误。它似乎也取决于图表的高度和宽度。

我有 JSFiddle 进行演示。这段代码没什么特别之处。主要是：

$(function () {
    $('#container').highcharts('StockChart', {
        chart: {
            zoomType: 'xy'
        },
        xAxis: {
            ordinal: false
        },
        yAxis: [{ 
            labels: {
                format: '{value}°C'
            },
            title: {
                text: 'Temperature1'
            }
        }, {
            title: {
                text: 'Temperature2'
            },
            labels: {
                 format: '{value}°C'
            }

        }, { 
            title: {
                text: 'Temperature3'
            },
            labels: {
               format: '{value}°C'
            }
        }, {
            title: {
                text: 'Temperature4'
            },
            labels: {
               format: '{value}°C'
            }
        }],
        series: [{
            name: 'Temp1',
            type: 'line',
            yAxis: 0,
            data: [{ "x": 1472569504959, "y": 37.0000003625635 }, ...
        }, {
            name: 'Temp2',
            type: 'line',
            yAxis: 1,
            data: [{ "x": 1472569504959, "y": 37.0000003625635 }, ...
        }, {
            name: 'Temp4',
            type: 'line',
            yAxis: 3,
            data: [{ "x": 1472569504959, "y": 37.0000003625635 }, ...
        }, {
            name: 'Temp3',
            type: 'line',
            yAxis: 2,
            data: [{ "x": 1472569504959, "y": 37.0000003625635 }, ...
        }]
    });
});

Answer 1

这似乎是dataGrouping选项的功能。

禁用dataGrouping，它似乎工作正常。

代码：

plotOptions: {
  series: {
    dataGrouping: {
      enabled: false
    }
  }
}

更新了小提琴：

http://jsfiddle.net/jlbriggs/ydqdd624/4/

参考：

Highcharts在缩放或使用导航器后不正确地显示图表数据

1 个答案: