为不同的系列添加不同格式的工具提示

Adding tooltips with different formats for different series

本文关键字：工具提示 格式 系列 添加      更新时间：2023-09-26

我有一个组合图表，x轴类型为'date'， y轴类型为两个(一个用线表示，另一个用条形表示)。默认情况下，这两个系列的工具提示以以下格式显示:

[Date] (MMM dd, y)
[series title]: [value]

我希望工具栏系列的提示以不同的格式显示:

[Date] (MMM y)
[series title]: [value]

如何更改工具提示中的日期格式仅为一个系列?我试着用format()方法改变它:

var formatter = new google.visualization.DateFormat({pattern: 'MMM y'});
formatter.format(data, 0);

但是这改变了两个系列的工具提示的格式

该功能的实际实现可能会有点长(我猜对于有经验的Google Charts API开发人员来说可能需要1个多小时，对于没有经验的人来说可能需要一天)

但是我可以给你指出正确的方向。如果您看一下Custom HTML Tooltips的文档，第二个示例显示了使用函数来呈现输出。如果您做了类似的事情(它不一定是HTML工具提示，但您也可以这样做)，那么您可以将JavaScript Date对象传递给函数，并为工具提示自己格式化它。此格式不会改变您的轴格式。

注意:为工具提示呈现HTML的函数示例包含的内容远不止这些。他们正在使用focusTarget: 'category'选项，这使得悬停焦点放在整行数据的价值上，而不仅仅是一对x, y值。要为每个系列提供自定义工具提示，需要为每个数据列提供一个工具提示列。文档中还有其他部分展示了如何为工具提示设置datatable。你将如何写这在很大程度上取决于你如何导入你的数据。

你的格式方法签名可能看起来像这样:formatTooltip(columnName, date, value)，或者让它更通用:formatTooptip(dateFormatString, date, value)。好运！
相关文章：