Javascript 如何更改光标图标以表示谷歌图表上的区域可单击？

我知道可以更改谷歌饼图的光标图标，但是可以对饼图的各个部分进行更改吗

---

我希望能够显示光标图标的变化，以表示谷歌图表上的区域/扇区/区域可以“钻入”。目前，这只是一个指针，并在适当的地方显示超链接图标，这是我理想中希望能够做到的。

这是一种黑客行为，但我为此做了一些弥补，并做了很多假设

GoogleCharts不允许您将特定的CSS放在饼图上，但它只是呈现SVG标记，因此您可以直接将样式应用于SVG

以下样式规则使指针光标位于路径的任何元素或路径的同级元素上，对于普通饼图设置，该元素仅为饼图切片。该规则还受到ID的限制，因此不会与同一页面上的其他SVG图形发生冲突

这里最大的假设是您希望所有饼图段都可以单击

  <style>
    #myChart path {cursor:pointer;}
    #myChart path ~ text {cursor:pointer;}
  </style>

#myChart路径{游标：指针；}
#myChart路径~text{cursor:pointer；}

您可以对此进行修改，通过饼图段的颜色应用样式，如下所示：

  <style>
    #myChart path[fill="#3366cc"] {cursor:pointer;}
    #myChart path[fill="#3366cc"] ~ text {cursor:pointer;}
  </style>

#myChart路径[fill=“#3366cc”]{cursor:pointer；}
#myChart路径[fill=“#3366cc”]~text{cursor:pointer；}

这是一种黑客行为，但我为此做了一些弥补，做了很多假设

GoogleCharts不允许您将特定的CSS放在饼图上，但它只是呈现SVG标记，因此您可以直接将样式应用于SVG

以下样式规则使指针光标位于路径的任何元素或路径的同级元素上，对于普通饼图设置，该元素仅为饼图切片。该规则还受到ID的限制，因此不会与同一页面上的其他SVG图形发生冲突

这里最大的假设是您希望所有饼图段都可以单击

  <style>
    #myChart path {cursor:pointer;}
    #myChart path ~ text {cursor:pointer;}
  </style>

#myChart路径{游标：指针；}
#myChart路径~text{cursor:pointer；}

您可以对此进行修改，通过饼图段的颜色应用样式，如下所示：

  <style>
    #myChart path[fill="#3366cc"] {cursor:pointer;}
    #myChart path[fill="#3366cc"] ~ text {cursor:pointer;}
  </style>

#myChart路径[fill=“#3366cc”]{cursor:pointer；}
#myChart路径[fill=“#3366cc”]~text{cursor:pointer；}

这是一种黑客行为，但我为此做了一些弥补，做了很多假设

GoogleCharts不允许您将特定的CSS放在饼图上，但它只是呈现SVG标记，因此您可以直接将样式应用于SVG

以下样式规则使指针光标位于路径的任何元素或路径的同级元素上，对于普通饼图设置，该元素仅为饼图切片。该规则还受到ID的限制，因此不会与同一页面上的其他SVG图形发生冲突

这里最大的假设是您希望所有饼图段都可以单击

  <style>
    #myChart path {cursor:pointer;}
    #myChart path ~ text {cursor:pointer;}
  </style>

#myChart路径{游标：指针；}
#myChart路径~text{cursor:pointer；}

您可以对此进行修改，通过饼图段的颜色应用样式，如下所示：

  <style>
    #myChart path[fill="#3366cc"] {cursor:pointer;}
    #myChart path[fill="#3366cc"] ~ text {cursor:pointer;}
  </style>

#myChart路径[fill=“#3366cc”]{cursor:pointer；}
#myChart路径[fill=“#3366cc”]~text{cursor:pointer；}

这是一种黑客行为，但我为此做了一些弥补，做了很多假设

GoogleCharts不允许您将特定的CSS放在饼图上，但它只是呈现SVG标记，因此您可以直接将样式应用于SVG

以下样式规则使指针光标位于路径的任何元素或路径的同级元素上，对于普通饼图设置，该元素仅为饼图切片。该规则还受到ID的限制，因此不会与同一页面上的其他SVG图形发生冲突

这里最大的假设是您希望所有饼图段都可以单击

  <style>
    #myChart path {cursor:pointer;}
    #myChart path ~ text {cursor:pointer;}
  </style>

#myChart路径{游标：指针；}
#myChart路径~text{cursor:pointer；}

您可以对此进行修改，通过饼图段的颜色应用样式，如下所示：

  <style>
    #myChart path[fill="#3366cc"] {cursor:pointer;}
    #myChart path[fill="#3366cc"] ~ text {cursor:pointer;}
  </style>

#myChart路径[fill=“#3366cc”]{cursor:pointer；}
#myChart路径[fill=“#3366cc”]~text{cursor:pointer；}

如何知道切片是否可以钻取？如果有切片，则必须有构成该切片的数据，因此它们实际上都是“可钻取的”。如何知道切片是否可以钻取？如果有切片，则必须有构成该切片的数据，因此它们是有效的，所有“可钻取”。如何知道切片是否可以钻取？如果有切片，则必须有构成该切片的数据，因此它们有效，所有“可钻取”。如何知道切片是否可以钻取？如果有切片，则必须有构成该切片的数据，因此它们有效，所有的“可钻性”。这对饼图来说是一种享受。但是，我正在显示一个包含所有不同类型图表的仪表板，我想将此技术扩展到组成一些图表的矩形。这里的问题是，所有图表都位于背景矩形上，因此该样式有效地应用于整个图表。我有什么办法可以克服这个问题吗。我试过用颜色来做，但似乎不起作用。我现在用分色来做。只要我有一个一致的背景颜色。就像我说的，这是一种黑客。它也可以通过基于元素的其他属性进行选择来工作，但是我还没有仔细研究Charts API生成的SVG结构，以便能够提供建议。这对于饼图来说是一个不错的选择。但是，我正在显示一个包含所有不同类型图表的仪表板，我想将此技术扩展到组成一些图表的矩形。这里的问题是，所有图表都位于背景矩形上，因此样式有效地应用于w