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

时间:2014-07-08 15:40:36

标签: kendo-ui kendo-dataviz

我认为我所要求的是不可能的,或者至少是如此复杂/ hacky它不值得 - 但万一我错了...请告诉我。

我有一系列4个kendo dataviz条形图,每个条形图代表同一组对象,每个图表以图形方式显示对象的一个​​属性。我想要的是如果单击一个图表上的标记(以便对象被“选中”),则在其他3个图表上突出显示该对象的标记。例如见图:

enter image description here

我查看了Kendo Dataviz网站/ docs,检查了SVG标记,并查看了系列点击(在Visual Studio中)返回的对象,但没有找到任何可用于实现此目的的东西。我想出的一件事就是重新绘制所有图表,并在数据数组中选中“标记”的项目,这样当重绘时,该项目可以用不同的颜色重绘...但我想避免重绘所有图表,如果可能的话。

有没有人有任何建议?我会非常感谢你的想法,最不复杂的想法。非常感谢!

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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