css - 通过 css 为 Kendo UI Chart 系列设置光标是否有效？

Question

我目前有一个 KendoUI 图表的 CSS 规则（在剃刀视图中定义）：

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

这将设置图表中正确 svg 元素的光标规则。但是，将鼠标悬停在该系列上似乎会重新绘制图表（以显示工具提示）并根据 css 规则阻止光标显示。

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

score 2 · Accepted Answer

以下解决了在甜甜圈剑道图中获取所有系列的指针光标的问题。在控件所在的页面中创建以下 css 样式。

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

其中 Grapdonut 是图表的名称

因为这是 hack in code 可以在其他版本的 kendo 中更改，在 kendo 2014 中进行了测试

我希望这对你有帮助。

score 0 · Accepted Answer

感谢剑道论坛上的 Nohinn 。

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

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

2 回答 2