通过css为剑道UI图表系列设置光标是否有效?
我目前有一个KendoUI图表的CSS规则(在razor视图中定义): 这将为图表中的右侧svg元素设置光标规则。但是,将鼠标悬停在该系列上似乎会重新绘制图表(以显示工具提示),并阻止光标按照css规则显示 有没有办法让这些svg元素将光标显示为指针?多亏了屏幕上的Nohinn 用于图表系列的正确选择器是路径[数据模型id]:通过css为剑道UI图表系列设置光标是否有效?,css,svg,kendo-ui,Css,Svg,Kendo Ui,我目前有一个KendoUI图表的CSS规则(在razor视图中定义): 这将为图表中的右侧svg元素设置光标规则。但是,将鼠标悬停在该系列上似乎会重新绘制图表(以显示工具提示),并阻止光标按照css规则显示 有没有办法让这些svg元素将光标显示为指针?多亏了屏幕上的Nohinn 用于图表系列的正确选择器是路径[数据模型id]: /* use presence of [data-model-id] attribute to select series in chart */ #idOfMyChar
/* use presence of [data-model-id] attribute to select series in chart */
#idOfMyChart path[data-model-id]
{
cursor: pointer;
}
下面解决了为圆环剑道图中的所有系列获取指针光标的问题。 在控件所在的页面中创建以下css样式
#Graphdonut > svg > g > g {
cursor: pointer;
}
其中Grapdonut是图表的名称
因为这是一种黑客行为,代码可以在剑道2014测试的其他版本中更改
我希望这能对您有所帮助。旧版IE中的直系下降选择器存在问题。如果标记结构发生变化,这将中断,上面的路径[]选择器工作正常,看起来更健壮。在剑道饼图中工作正常。伟大的
#Graphdonut > svg > g > g {
cursor: pointer;
}