React谷歌图表自定义工具提示(AreaChart)只显示在一个区域

Question

我使用react-google-charts来构建一个AreaChart，并在我的图表中添加一个自定义工具提示到两个不同的区域。我的数据数组的格式是:

['X', 'NegativeY', 'PositiveY', { role: "tooltip", type: "string", p: {html: true}}]

，我的数据条目是结果格式:

[x, y, null, 'X: ' + x ". Y: " + Y] // if y > 0
[x, null, y, 'X: ' + x ". Y: " + Y] //if y < 0

在选项字典中，我添加了以下内容:

tooltip: { isHtml: true, trigger: "visible" }

目前，自定义工具提示只显示在负Y区域，默认的Google工具提示显示在正Y区域。我希望自定义工具提示也显示为正区域以及。这可能吗?

Answer 1

您将需要一个额外的工具提示列。
每个工具提示都与一个系列相关联，
如果您有两个系列'，则需要两个工具提示，
并且工具提示列应该在数据表中的系列列后面。

您将需要添加如下列…

['X', 'NegativeY', { role: "tooltip", type: "string", p: {html: true}}, 'PositiveY', { role: "tooltip", type: "string", p: {html: true}}]
[x, y, 'X: ' + x ". Y: " + Y, null, null] // if y > 0
[x, null, null, y, 'X: ' + x ". Y: " + Y] //if y < 0