使用事件onClick()更改x轴的Highcharts值

时间:2015-08-14 13:33:44

标签: javascript highcharts

我想要一个建议......

我有时间序列图表(没有事件可以缩放它),我的数据是:

 data: [
            [Date.UTC(2013, 5, 14), 0.7695],
            [Date.UTC(2013, 5, 21), 0.7574],
            [Date.UTC(2013, 5, 28), 0.7480],
            [Date.UTC(2013, 6, 5), 0.7685],
            [Date.UTC(2013, 6, 12), 0.7744],
            [Date.UTC(2013, 6, 19), 0.7652],
            [Date.UTC(2013, 6, 26), 0.7609],
            [Date.UTC(2013, 7, 2), 0.7526],
            [Date.UTC(2013, 7, 9), 0.7542],
            [Date.UTC(2013, 7, 16), 0.7540],
            [Date.UTC(2013, 7, 23), 0.7487],
            [Date.UTC(2013, 7, 30), 0.7562],
            [Date.UTC(2013, 8, 6), 0.7591],
            [Date.UTC(2013, 8, 13), 0.7486],
            [Date.UTC(2013, 8, 20), 0.7411],
            [Date.UTC(2013, 8, 27), 0.7393]
        ]

这是几周的开始。

我在图表中启用了x轴的滚动条,并设置了范围

 xAxis: {
        type: 'datetime',
        range: 28 * (24 * 3600000)   // 4 weeks        
        },

这样当图表准备就绪时,它会显示我最后4周(如果我想查看其他数据,我会使用滚动条)... 问题是x轴的值不是我的数据:/

我该怎么做?

http://jsfiddle.net/k4ayprz4/

此外,我会在图表下方插入一个带有事件onclick()的按钮,该按钮将重新加载图表,但新范围

 xAxis: {
        type: 'datetime',
        range: 3*(30 * (24 * 3600000))   // 3 months        
        },

问题是x轴的值在这种情况下应该是月份的名称:/

有办法做到这一点吗?

谢谢!

编辑: 我更正了链接jsfiddle和数组

0 个答案:

没有答案