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

Javascript 为不同系列添加不同格式的工具提示,javascript,google-visualization,Javascript,Google Visualization,我有一个组合图,x轴类型为“日期”,y轴类型为两个(一个用直线表示,另一个用条形表示)。默认情况下,两个系列的工具提示均以以下格式显示: [Date] (MMM dd, y) [series title]: [value] 我希望条形图系列的工具提示以不同的格式显示: [Date] (MMM y) [series title]: [value] 如何仅更改其中一个系列的工具提示中的日期格式?我尝试使用format()方法更改它: 但这改变了这两个系列的工具提示的格式。该功能的实际实现可能会有

我有一个组合图,x轴类型为“日期”,y轴类型为两个(一个用直线表示,另一个用条形表示)。默认情况下,两个系列的工具提示均以以下格式显示:

[Date] (MMM dd, y)
[series title]: [value]
我希望条形图系列的工具提示以不同的格式显示:

[Date] (MMM y)
[series title]: [value]
如何仅更改其中一个系列的工具提示中的日期格式?我尝试使用format()方法更改它:


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

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

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

注意:为工具提示呈现HTML的函数的示例远不止这些。他们正在使用
focusTarget:“category”
选项,该选项使悬停的焦点集中在整行的数据上,而不仅仅是一对x,y值。要为每个系列提供自定义工具提示,您需要为每个数据列提供一个工具提示列。文档中还有其他部分介绍了如何为工具提示设置数据表。您将如何编写此文件在很大程度上取决于您如何导入数据


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

该功能的实际实现可能有点长(对于一个经验丰富的GoogleCharts API开发人员,我估计需要1个多小时,对于一个没有经验的人,可能需要一天。)

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

注意:为工具提示呈现HTML的函数的示例远不止这些。他们正在使用
focusTarget:“category”
选项,该选项使悬停的焦点集中在整行的数据上,而不仅仅是一对x,y值。要为每个系列提供自定义工具提示,您需要为每个数据列提供一个工具提示列。文档中还有其他部分介绍了如何为工具提示设置数据表。您将如何编写此文件在很大程度上取决于您如何导入数据

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

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