在使用 React 开发的 Grafana 插件中实现共享工具提示

【问题标题】：Implement shared tooltip in Grafana plugin developed using React在使用 React 开发的 Grafana 插件中实现共享工具提示
【发布时间】：2020-03-10 06:24:13
【问题描述】：

我正在使用 react 开发一个 Grafana 插件（Smith Chart）。我已经使用 Syncfusion 库来实现插件。我的插件中的一切工作正常。 Grafana 在 Grafana 4.1 版中推出了一项新功能（Shared Tooltip），Shared ToolTip in Grafana。我也必须在我的插件中使用这个功能，我在 grafana 网站上没有找到任何开发说明。如何在我自己的插件中实现这个功能？

任何帮助将不胜感激。

我的代码错误是：

【问题讨论】：

标签： reactjs grafana syncfusion

【解决方案1】：

我们已经分析了您的查询。我们建议启用十字准线和工具提示属性以显示工具提示，如提供的链接中所示的图表。我们有一个演示链接供您参考。请查看以下链接。

代码片段

 <ChartComponent id='charts'
             tooltip={{ enable: true, shared: true }}
             crosshair={{ enable: true, lineType: 'Vertical' }}>
 </ChartComponent>

截图

演示链接

https://ej2.syncfusion.com/react/demos/#/material/chart/trackball https://ej2.syncfusion.com/react/demos/#/material/chart/local-data

如果您有任何疑问，请回复我们。

问候，

杜尔加 G

【讨论】：

不，它不起作用。让您知道的一件事是我正在使用“SmithchartSeriesDirective”。我已经编辑了问题并发布了我在进行您提到的更改后遇到的错误。