javascript - highcharts xaxis 导航器不显示

Question

我在图表上有几个日期/值系列，没有什么复杂的。我希望像这里一样在底部有缩放导航器，但它没有显示在我的图表上。

$(function () {
    $('#container').highcharts({
        chart: { type: 'spline' },
        title: { text: 'intensity' },
        rangeSelector: { selected: 2},
        xAxis: { type: 'datetime', },
        yAxis: [
            { title: { text: 'Intensity (A)' }, min: 0 },
            { title: { text: 'Nb' }, min: 0, opposite: true },
        ],
        series: [
            { name: 'serie 1', yAxis: 0, visible: false, turboThreshold: 546, marker: {enabled: false}, data: [
                [Date.UTC(2013, 09-1, 25, 10, 38, 01, 0), 142.205467], 
                [Date.UTC(2013, 09-1, 25, 10, 43, 01, 0), 142.886567],
                ...]
            },
            { name: 'serie 2', yAxis: 1, visible: false, turboThreshold: 20, marker: {enabled: false}, data: [
                [Date.UTC(2013, 09-1, 23, 13, 58, 25, 0), 0.000000], 
                [Date.UTC(2013, 09-1, 23, 13, 58, 26, 0), 1.000000],
                 ... ]
            },
...

以防万一这可能是问题所在，我总共有大约 40 个系列和总共 30000 个点。

我曾尝试使用 navigator: {enabled: true} 和类似的东西(将导航器中的数据系列设置为与我的第一个数据系列相同)但都没有用

我该怎么办？我必须使用高库存吗？他们的 api 比 highcharts 更复杂，如果可能我更愿意使用后者

Answer 1

导航器仅在 highstock.js 文件中可用。因此，您可以将此文件与您的 highcharts 结合使用。