Highcharts/Highstock跑圈

Question

我正在为跑步者制作一个图表，该图表必须像Highstock中那样可滚动。如何使用滚动功能显示圈数？

chart = Highcharts.stockChart({
         chart: {
           renderTo: 'container',
           type: "line"
         },
         credits:{
           enabled: false
         },
       series: data
     });

编辑：

我有这个

我想做一个像这样的水平卷轴

如果我使用Highcharts，我就不能滚动。如果我使用Highstock，就会有日期而不是圈。我怎么才能修复它？

Answer 1

您可以使用Highstock代码和chart构造函数，这将允许您在标准图表中使用Highstock功能：

Highcharts.chart('container', {
    scrollbar: {
        enabled: true
    },
    navigator: {
        enabled: true,
        xAxis: {
            labels: {
                formatter: function() {
                    return this.value
                }
            }
        }
    },
    series: [{
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }]
});

现场演示：http://jsfiddle.net/BlackLabel/xf5ka8un/

接口名：https://api.highcharts.com/highstock/scrollbar