我知道可以更改谷歌饼图的光标图标,但是可以针对该饼图的各个部分进行更改吗?
我希望能够显示光标图标的变化,以表示谷歌图表上的区域/部门/区域可以“钻取”。目前,它只是指针并在适当的位置显示超链接图标,这是我理想的情况。
这有点像黑客,但我为此做了一些假设,做了很多假设。
Google 图表不允许您在饼图上放置特定的 CSS,但它只是呈现 SVG 标签,因此您可以直接将样式应用于 SVG。
以下样式规则使指针光标位于作为路径或路径同级的任何元素上,对于普通饼图设置来说,这只是饼图切片。该规则还受到 ID 的限制,因此它不会与同一页面上的其他 SVG 图形混淆。
这里最大的假设是您希望所有饼图部分都可单击。
<style>
#myChart path {cursor:pointer;}
#myChart path ~ text {cursor:pointer;}
</style>
您可以对此进行变体,通过饼图部分的颜色应用样式,如下所示:
<style>
#myChart path[fill="#3366cc"] {cursor:pointer;}
#myChart path[fill="#3366cc"] ~ text {cursor:pointer;}
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)