如何在剑道图表十字准线工具提示中提供 X 轴和 Y 轴值?

Posted

技术标签:

【中文标题】如何在剑道图表十字准线工具提示中提供 X 轴和 Y 轴值?【英文标题】:How to provide X axis and Y Axis value in kendo chart crosshair tooltip? 【发布时间】:2015-08-30 12:41:03 【问题描述】:

我正在尝试在剑道图表的十字准线工具提示中获取 X 轴和 Y 轴值。请看:http://dojo.telerik.com/iDanE

如何做到这一点?如何指定工具提示的模板同时包含 X 轴和 Y 轴值?希望在同一个十字准线工具提示中同时拥有类别和价值轴值。这个可以吗?

我刚发现一个要求相同的问题:http://www.telerik.com/forums/show-multiple-series-value-in-a-categoryaxis-crosshair-tooltip-

但如何在我的示例中使用它:http://dojo.telerik.com/iDanE?

提前致谢。

【问题讨论】:

【参考方案1】:

根据他们的文档,十字准线工具提示模板只能访问轴值:http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.crosshair.tooltip.template

所以您可以在 valueAxis 上添加第二个十字准线:

DEMO

或者只显示一个包含类别和值的常规工具提示:

  tooltip: 
    visible: true,
    template: "#: category  # - #: value #"
  ,

DEMO

【讨论】:

谢谢解答,十字线可以隐形吗?我只想让十字准线工具提示在顶部可见? @user2439903,是的,要么将十字准线宽度设置为 0,要么将不透明度设置为 0。dojo.telerik.com/@ezanker/oqUHe

以上是关于如何在剑道图表十字准线工具提示中提供 X 轴和 Y 轴值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在工具提示模板中使用剑道图表数据?

Plotly:如何仅将垂直和水平线(十字准线)显示为悬停信息?

如何在剑道图表中制作自定义工具提示?

如何在 Unity3D 中制作平滑的十字准线?

在 Chart.js 中设置图表标题、x 轴和 y 轴的名称?

如何在pyqtgraph中绘制十字准线并绘制鼠标位置?