谷歌图表 - 图表范围过滤器 - 选定范围内的值

Google Graphs - ChartRangeFilter - values in selected range?

本文关键字：范围内 过滤器 范围 谷歌      更新时间：2023-09-26

我目前有一个折线图，它在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 轴值的形式是"日期（dd，mm，yyyy）"字符串，而不是日期对象。我对此还很陌生，非常感谢安迪的意见/想法。

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

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

//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 对象。

希望有帮助。

相关文章：