Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过css为剑道UI图表系列设置光标是否有效?_Css_Svg_Kendo Ui - Fatal编程技术网

通过css为剑道UI图表系列设置光标是否有效?

通过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

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

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

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

多亏了屏幕上的Nohinn

用于图表系列的正确选择器是路径[数据模型id]:

/* 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;
    }