Google Graphs - ChartRangeFilter - 所选范围内的值?

时间:2016-02-10 21:25:59

标签: javascript date charts filter range

我目前有一个LineChart,其中x轴为日期,y轴为数字(通过json / php-mysql)。 一切都按预期工作但我想使用范围内的值(最小值,最大值,平均值等)

我可以得到两个滑块位置的当前位置,如下所示:

google.visualization.events.addListener(RangeSlider, 'statechange', selectHandler);

        function selectHandler(e){
            currentLeftSliderPos = RangeSlider.getState().range.start;
            currentRightSliderPos = RangeSlider.getState().range.end;
        }  

这些值是日期对象,我能想到的唯一方法是迭代数组,但在数组中,x轴值的形式为“Date(dd,mm,yyyy)”字符串而不是日期对象。 我仍然是新手,非常感谢和输入/想法。

这是ChartRangeFilter的小提琴:https://jsfiddle.net/forssux/2joyoz87/

1 个答案:

答案 0 :(得分:1)

您可以使用以下代码将日期字符串转换为日期对象:

//convert to number of milliseconds first
d1 = Date.parse("Date(dd, mm, yyyy)".replace(/, /g,"/").replace(/Date\(|\)/g,''));
//then create a Date object
d_new = new Date(d1)

因此,创建一个遍历字符串日期的循环,并将它们转换为Date对象。

希望有所帮助。