Google图表 - 在折线图工具提示中格式化日期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Google图表 - 在折线图工具提示中格式化日期相关的知识,希望对你有一定的参考价值。

在Google Charts中,有没有办法更改工具提示值的日期格式,而不是将其作为html工具提示。例如,默认情况下我得到这个:

但我真正想要的是:

图表代码如下:

data_table = google.visualization.arrayToDataTable(graph_data_raw);
chart = new google.visualization.LineChart(document.getElementById('DivGraph'));
chart.draw(data_table, {
    hAxis: {
        ticks: x_ticks,
        format: 'MMM d, y',
    },
});
答案

使用DateFormat找到解决方案:

var date_formatter = new google.visualization.DateFormat({ 
    pattern: "MMM dd, yyyy"
}); 
date_formatter.format(data_table, 0);  // Where 0 is the index of the column

以上是关于Google图表 - 在折线图工具提示中格式化日期的主要内容,如果未能解决你的问题,请参考以下文章

在折线图的特定位置添加点或点,并使用 ggplotly() 相应地调整工具提示

在折线图/面积图的左右两侧添加填充

如何在折线图js的多个数据集中只显示一行

在折线图或按计数的日期散点图上绘制多个分类数据

Python使用matplotlib函数subplot可视化多个不同颜色的折线图在折线图上为每个数据点添加日期数据标签

Google Chart API:折线图 - 图表日期与日期?