如何使用 Dimple.js 在条形图中将列添加为类别?

How can I add columns as categories in a bar chart using Dimple.js?

我想使用 dimple.js 绘制条形图,其中我想绘制不同类别​​的用户部分。每个类别都是我数据集中的一列。

我的数据是这样的:

我想要一个图表,其中每个平台和每个列都有一个条形图 Q14_*

我理解平台应该是一个系列:

myChart.addSeries("Platform", dimple.plot.area);

但是,我不知道如何为每一列添加栏。 我该怎么做?

我刚才试过做同样的事情并决定重建数据。但我不确定这是否是最佳解决方案。无论如何,这是我的解决方案:

  1. 重构数据以包含以下列:

    • 平台(值:Android,Apple)
    • 部分(取值:数值比例)
    • 季度(值:Q14_1、Q14_2 ....)
  2. 平台栏使用比例轴显示比例:addPctAxis,

  3. 使用季度作为 X 的类别轴。

  4. 使用部分列作为系列。

那么代码应该是这样的:

myChart.addCategoryAxis("x", "quarter");
myChart.addPctAxis("y", "platform");
myChart.addSeries("portion", dimple.plot.bar);

此外,还有几个使用 addPctAxis 的示例,您可以从中学习,这些示例与您的要求非常相似。你可能想看看: