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

Question

我有一个组合图表，其中一个 x 轴类型为“日期”，两个 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);

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

Answer 1

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

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

注意:带有为工具提示渲染 HTML 的函数的示例不仅仅包含这些内容。他们正在使用 focusTarget: 'category'选项使悬停焦点集中在整行的数据上，而不仅仅是一对 x、y 值。要为每个系列提供自定义工具提示，您需要为每个数据列提供一个工具提示列。文档中还有其他部分展示了如何为工具提示设置数据表。您实际如何编写此内容很大程度上取决于您导入数据的方式。

您的格式方法签名可能如下所示:formatTooltip(columnName, date, value) ，或者也使其更通用:formatTooptip(dateFormatString, date, value) 。祝你好运!