javascript - Highcharts:如何设置数据分组

标签 javascript jquery highcharts highstock

我有一个包含大量数据的 highstock 图表,我能够定义如何对数据进行分组,但我希望用户指定要使用的数据分组并在日、周、月等之间动态更改。

那么是否有可能有一个按钮,用户可以通过该按钮更改数据的分组方式,如果可以,如何更改?

有许多未记录的功能,例如 currentDataGrouping,但没有设置数据分组...我可以通过任何方式看到...

series: [{
                type: 'column',
                name: title,
                data: data,
                dataGrouping: {
                    units: [['week', [1]], ['month', [1]]]
                }
        }]

最佳答案

API 有一个更新系列的方法 (http://api.highcharts.com/highcharts#Series.update())。例如

chart.series[0].update({ type: 'spline' });

您应该能够使用此 API 调用来修改任何系列属性。

例如,您可以定义两个系列对象,然后单击按钮更新图表以使用您想要的对象:

var seriesWeek = {
            type: 'column',
            name: title,
            data: data,
            dataGrouping: {
                units: [ ['week', [1] ] ]
            }
    }

var seriesMonth = {
            type: 'column',
            name: title,
            data: data,
            dataGrouping: {
                units: [ ['month', [1] ] ]
            }
    }

chart.series[0].update(seriesWeek);

关于javascript - Highcharts:如何设置数据分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15634251/

相关文章:

javascript - 如何检查 JSON 对象参数是否存在?

javascript - 调整文本框大小以保持在背景图片内

javascript - jQuery - 如何在从 Ajax 检索数据后添加关闭按钮?

javascript - HighCharts 自定义 SVG 标记符号

javascript - Highcharts 中的切片馅饼

javascript - 该功能不会重定向到正确的位置并且警报不起作用

用于表单提交的 Javascript 实时验证

javascript - 如何检查一个值是否大于另一个值

javascript - 箭头键导航不会移动到 TABLE 中附加的 TR

javascript - 使用 Highcharts.js 绘制动态添加的数组元素