以编程方式突出显示剑道条形图上的标记

Question

我认为我的要求是不可能的，或者至少如此复杂/骇人听闻不值得 - 但万一我错了......请告诉我。

我有一系列 4 个 kendo dataviz 条形图，每个代表同一组对象，每个图表以图形方式显示对象的一个​​属性。我想要的是，如果单击一个图表上的标记（以便“选择”该对象），以在其他 3 个图表上突出显示该对象的标记。例如看图片：

我查看了 Kendo Dataviz 网站/文档，检查了 SVG 标记，并查看了系列单击返回的对象（在 Visual Studio 中），但没有找到任何可用于完成此操作的东西。我想出的一件事是用数据数组中的“标记”选定项目重绘所有图表，因此当它被重绘时，该项目可以用不同的颜色重绘......但我想避免重绘如果可能，每次都列出所有图表。

有人有什么建议吗？我将非常感谢想法，越简单越好。非常感谢！

Answer 1

我知道在不重绘的情况下实现这一点的最接近的方法是使用axis selection 属性作为选择滑块，其宽度限制在一个列范围内并防止调整大小。这将在不重绘的情况下模拟选择突出显示。

Answer 2

您还可以在 CategoryAxis 上使用 plotBands 属性。这就是我的做法： $("#chart").data("kendoChart").setOptions({ categoryAxis: { plotBands: [{ from: index, to: index + 1, color: "#ffd0c0", opacity: 0.4 }] } }) ;