【问题标题】:ChartJS pie chart, "filling" each segment to indicate another dimensionChartJS 饼图,“填充”每个段以指示另一个维度
【发布时间】:2017-03-08 20:08:42
【问题描述】:

我想在 ChartJS 中制作一个饼图,其中每个段都按照一定的百分比“填充”(使用不同的颜色)。假设饼图显示各种类别及其相对大小(维度 1),然后我希望每个细分的部分填充显示每个类别的流行百分比(维度 2)。

请参见下面的示例。我试图勾勒出我想要的东西。这是一个包含 6 个“类别”(段)的饼图,每个“类别”都用百分比“填充”。请注意,我不能使用普通的嵌套饼图,因为这将只允许每个段有一个相同百分比。

【问题讨论】:

    标签: chart.js


    【解决方案1】:

    您可以通过使用 chart.js polar area chart 来实现这一点。

    【讨论】:

    • 很好,当然 :) 也许也可以有 嵌套 极坐标图,所以我可以假设这两个图表?或者也许我真的需要一个极坐标图而不是饼图。无论如何,我认为更简单的演示(一次更少的维度)是最好的方法。谢谢
    • @joakimk 实际上是可能的。我能够扩展饼图,使其也具有线性径向刻度(如极区图)。最终结果是一个与您想要的完全一样的图表。我称之为极地饼图。下周我将把它放到 npm 中,然后你可以像使用任何其他 charts.js 图表一样使用它。
    猜你喜欢
    • 2017-12-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-06
    • 1970-01-01
    • 1970-01-01
    • 2010-10-10
    • 2013-03-29
    相关资源
    最近更新 更多