谷歌图表修改范围过滤器侦听器中的hAxis日期格式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谷歌图表修改范围过滤器侦听器中的hAxis日期格式相关的知识,希望对你有一定的参考价值。

我想在范围过滤器中更改hAxis日期格式。例如,如果我设置的格式如'dd-MMM-yyyy'

var chart = new google.visualization.ChartWrapper({
            chartType: 'ComboChart',
            dataTable: view,
            options: {
                
                hAxis: { format: 'dd-MM-yyyy'},
                
                },
                areaOpacity: 1.0
            },
            containerId: 'chart_div'
        });

现在我希望听众如果范围超过一年,那么改变格式的图表格式:'MM-yyyy'等使用波纹管监听器。

google.visualization.events.addListener(control, 'statechange', function (e) {

            if (!e.inProgress) {
            var difference_days = (control.getState().range.end - control.getState().range.start) / (1000 * 60 * 60 * 24);

    if (difference_days >= 180){
        //if more than six months then remove days from format
        //hAxis: { format: 'MM-yyyy'},
    }
            }

        });
答案

在图表包装器上使用setOption方法

chart.setOption('hAxis.format', 'MM-yyyy');
chart.draw();

无论何时更改选项,都必须重新绘制图表...

以上是关于谷歌图表修改范围过滤器侦听器中的hAxis日期格式的主要内容,如果未能解决你的问题,请参考以下文章

获取柱形图的hAxis高度(谷歌图表)

更改工具提示数据和 Y 轴的谷歌图表中的数字格式

如何将hAxis(x轴)格式更改为HH:mm?

是否有可能用谷歌图表创建两个侧面条形图?

谷歌图表图例重叠

如何从h轴标签与谷歌条形图交互