时间戳

首页 > 解决方案 > 如何在给定代码中的高图中使用范围选择器和导航

javascript - 如何在给定代码中的高图中使用范围选择器和导航

问题描述

$(document).ready(function () {
    var options = {
        chart: {renderTo: 'container', type: 'line',}, rangeSelector: {enabled: true}, series: [{}]
    };
    $.getJSON('chart.php', function (data) {
        options.series[0].data = data
        var chart = new Highcharts.chart(options);

    });
});

标签： javascripthighcharts

解决方案

范围选择器和导航器是 Highstock 的功能。要使用它们，请使用 Highstock 源代码和stockChart构造函数类型。

$(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'line',
        },
        rangeSelector: {
            enabled: true
        },
        series: [{}]
    };

    $.getJSON('chart.php', function(data) {
        options.series[0].data = data
        var chart = new Highcharts.stockChart(options);
    });
});

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

文档： https ://www.highcharts.com/docs/stock/understanding-highstock

推荐阅读