Highstocks candlesticksandvolume datetime

Question

我使用过High-Stocks图表。我希望图表的x轴日期格式以周，月或年表示，具体取决于用户选择（在单选按钮中给出）。我该怎么做？。  一条链接！在这里，我把收音机按钮保持了数周，数月，数年。

Answer 1

一开始你需要为你的输入应用一个名称并删除id（在html中你不应该使用具有相同ID的元素）。

下一步是在单选按钮上捕获单击事件并在xAxis（最小和最大）上提取极值。如果你有这个，你应该计算你需要从最后一个点延迟的天数（以毫秒为单位的时间）并调用setExtremes来应用新的范围。

示例：http://jsfiddle.net/hdt9yqff/2/

$('input[name="crange"]').click(function () {
        var chart = $('#container').highcharts(),
            xAxis = chart.xAxis[0],
            extremes = xAxis.getExtremes(),
            index = parseFloat($(this).val()),
            range;

        switch (index) {
            case 0: //week
                range = 7 * 24 * 3600 * 1000; //7 days 
                break;
            case 1:
                range = 31 * 24 * 3600 * 1000; //31 days 
                break;
            case 2:
                 range = 3 * 31 * 24 * 3600 * 1000; //quark days 
                break;
            case 3: //year
                 range = 365 * 24 * 3600 * 1000; //1 year 
                break;
        }

        xAxis.setExtremes(extremes.max - range, extremes.max);
    });