是否通过CSS设置Kendo UI Chart系列的光标?

时间:2012-09-05 14:35:40

标签: css svg kendo-ui

我目前有一个KendoUI图表的CSS规则(在剃刀视图中定义):

/* use :not(:last-child) to ignore legend */
#idOfMyChart g:not(:last-child) path
{
    cursor: pointer;
}

这为图表中的右侧svg元素设置了光标规则。但是,将鼠标悬停在系列上似乎会重绘图表(显示工具提示)并停止按照css规则显示光标。

有没有办法让这些svg元素将光标显示为指针?

2 个答案:

答案 0 :(得分:2)

以下解决问题是获取环形图中所有系列的指针光标。 在控件的页面中创建以下css样式。

  #Graphdonut > svg > g > g {
        cursor: pointer;
    }

其中Grapdonut是图表的名称

因为这是一个黑客的代码可以改变其他版本的剑道,这是在剑道2014测试

我希望这对你有帮助。

答案 1 :(得分:0)

感谢Kendo forum上的Nohinn。

用于图表系列的正确选择器是path[data-model-id]

/* use presence of [data-model-id] attribute to select series in chart */
#idOfMyChart path[data-model-id]
{
    cursor: pointer;
}