Google Charts仅最新折线显示自定义提示框，旧折线默认提示框问题求助
2026-4-15
Google Charts仅最新折线显示自定义提示框，旧折线默认提示框问题求助
我用Google Charts做了一个仪表盘，想要通过自定义提示框来标注数据，但现在只有最后创建的那条折线（比如示例里的plot87）能显示自定义提示框，之前创建的折线（比如plot66）还是用的默认提示框。
看起来我好像不小心触发了默认提示框的回退机制，但我完全搞不懂是哪里出了问题。我打印了数据，发现两条折线的数据结构是一样的，实在找不到是哪里覆盖了自定义提示框或者强制用了默认的。
我把问题复现的代码贴在这里：
const jsonData = { "title": "Dashboard", "updated_on": "2025-02-21T14:08:28.741617", "panels": [ { "type": "timeseries", "table": "air_temp", "title": "Air Temperature 2 m above Surface", "unit": "\u00b0C", "data": { "plot66": [ { "time": "2025-01-01T00:00:00", "value": 7.468658447265625 }, { "time": "2025-01-01T03:00:00", "value": 7.459381103515625 }, { "time": "2025-01-01T06:00:00", "value": 7.389312744140625 }, { "time": "2025-01-01T09:00:00", "value": 9.727935791015625 }, { "time": "2025-01-01T12:00:00", "value": 10.906646728515625 }, { "time": "2025-01-01T15:00:00", "value": 11.067535400390625 }, { "time": "2025-01-01T18:00:00", "value": 8.872955322265625 }, { "time": "2025-01-01T21:00:00", "value": 8.459625244140625 }, { "time": "2025-01-02T00:00:00", "value": 8.005035400390625 }, { "time": "2025-01-02T03:00:00", "value": 7.952545166015625 }, { "time": "2025-01-02T06:00:00", "value": 7.978424072265625 }, { "time": "2025-01-02T09:00:00", "value": 10.216461181640625 }, { "time": "2025-01-02T12:00:00", "value": 10.678863525390625 }, { "time": "2025-01-02T15:00:00", "value": 10.543609619140625 }, { "time": "2025-01-02T18:00:00", "value": 9.369049072265625 }, { "time": "2025-01-02T21:00:00", "value": 9.340240478515625 }, { "time": "2025-01-03T00:00:00", "value": 8.868316650390625 }, { "time": "2025-01-03T03:00:00", "value": 8.211090087890625 }, { "time": "2025-01-03T06:00:00", "value": 7.642486572265625 }, { "time": "2025-01-03T09:00:00", "value": 9.831451416015625 }, { "time": "2025-01-03T12:00:00", "value": 10.954010009765625 }, { "time": "2025-01-03T15:00:00", "value": 11.588531494140625 }, { "time": "2025-01-03T18:00:00", "value": 10.276763916015625 }, { "time": "2025-01-03T21:00:00", "value": 10.511627197265625 }, { "time": "2025-01-04T00:00:00", "value": 10.682769775390625 }, { "time": "2025-01-04T03:00:00", "value": 10.562896728515625 }, { "time": "2025-01-04T06:00:00", "value": 10.225006103515625 }, { "time": "2025-01-04T09:00:00", "value": 10.914947509765625 }, { "time": "2025-01-04T12:00:00", "value": 11.296051025390625 }, { "time": "2025-01-04T15:00:00", "value": 10.217437744140625 }, { "time": "2025-01-04T18:00:00", "value": 8.537506103515625 }, { "time": "2025-01-04T21:00:00", "value": 7.460845947265625 }, { "time": "2025-01-05T00:00:00", "value": 6.343170166015625 }, { "time": "2025-01-05T03:00:00", "value": 5.995269775390625 }, { "time": "2025-01-05T06:00:00", "value": 6.114410400390625 }, { "time": "2025-01-05T09:00:00", "value": 6.575592041015625 }, { "time": "2025-01-05T12:00:00", "value": 7.698150634765625 }, { "time": "2025-01-05T15:00:00", "value": 7.824859619140625 }, { "time": "2025-01-05T18:00:00", "value": 7.553375244140625 }, { "time": "2025-01-05T21:00:00", "value": 7.653472900390625 } ], "plot87": [ { "time": "2025-01-01T00:00:00", "value": 7.423492431640625 }, { "time": "2025-01-01T03:00:00", "value": 7.418609619140625 }, { "time": "2025-01-01T06:00:00", "value": 7.349761962890625 }, { "time": "2025-01-01T09:00:00", "value": 9.715728759765625 }, { "time": "2025-01-01T12:00:00", "value": 10.905670166015625 }, { "time": "2025-01-01T15:00:00", "value": 11.054107666015625 }, { "time": "2025-01-01T18:00:00", "value": 8.802398681640625 }, { "time": "2025-01-01T21:00:00", "value": 8.401763916015625 }, { "time": "2025-01-02T00:00:00", "value": 7.939361572265625 }, { "time": "2025-01-02T03:00:00", "value": 7.887359619140625 }, { "time": "2025-01-02T06:00:00", "value": 7.899566650390625 }, { "time": "2025-01-02T09:00:00", "value": 10.189361572265625 }, { "time": "2025-01-02T12:00:00", "value": 10.664215087890625 }, { "time": "2025-01-02T15:00:00", "value": 10.540191650390625 }, { "time": "2025-01-02T18:00:00", "value": 9.300933837890625 }, { "time": "2025-01-02T21:00:00", "value": 9.263092041015625 }, { "time": "2025-01-03T00:00:00", "value": 8.797027587890625 }, { "time": "2025-01-03T03:00:00", "value": 8.135162353515625 } ] } } ] }; // 补充说明：原示例中应该还有数据转换、Google Charts初始化及tooltip配置的代码， // 比如将JSON数据转成Google Charts要求的DataTable格式，设置tooltip: {isHtml: true}等选项的部分
备注：内容来源于stack exchange，提问作者jonsken
相关产品推荐
相关产品推荐
