javascript - 在两种颜色范围内为饼图使用渐变颜色

Question

我想指定两种颜色，然后生成这样的饼图：

为了创建示例，我使用了图表向导，但它似乎已被弃用，在我们创建的应用程序中，我们使用饼图。有没有办法在饼图中获得这种效果？

Answer 1

通过新 SVG 饼图的标准配置选项是不可能的。

但是，如果您喜欢这种事情，可以使用 CSS 为饼图的元素着色。CSS 可以根据浏览器等以各种方式创建渐变。有关详细信息，请参阅此站点。

如果您想为饼图的特定元素着色，您可以使用 Google Chrome 中的开发者工具等工具来帮助追踪特定元素，并使用上述 CSS 重新着色该元素。

这在 IE 中可能无法正常工作（几乎没有）。

然而，总的来说，渐变的使用往往只是吸引眼球，实际上使图表更难阅读（饼图并不重要，饼图通常不是图表的最佳选择）。