带有Highstocks / Highcharts的jQuery datepicker

Question

如何使用highcharts rangeselector获得有效的jQuery日期选择器？

这个小提琴是一个古老的例子（来自高级作者），它有问题。

http://jsfiddle.net/BWEm5/

更改结束日期会将开始日期重置为数据的开头。

var names  = from n in xdoc.Descendants() where n.Name.LocalName == "Result" select n;

Answer 1

您可以在选择日期后设置极值，使用onSelect事件并删除this.onchange（）。

$.datepicker.setDefaults({
        dateFormat: 'yy-mm-dd',
        onSelect: function(dateText) {
            chart.xAxis[0].setExtremes($('input.highcharts-range-selector:eq(0)').datepicker("getDate").getTime(), $('input.highcharts-range-selector:eq(1)').datepicker("getDate").getTime()); 
            //this.onchange();
            this.onblur();
        }
    });

示例：

http://jsfiddle.net/BWEm5/542/

Answer 2

也许这会有所帮助

Change range in Highstock dynamically

我可以通过访问轴对象来动态更新显示图表的配置。