如何使用 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);
但是,我不知道如何为每一列添加栏。
我该怎么做?
我刚才试过做同样的事情并决定重建数据。但我不确定这是否是最佳解决方案。无论如何,这是我的解决方案:
重构数据以包含以下列:
- 平台(值:Android,Apple)
- 部分(取值:数值比例)
- 季度(值:Q14_1、Q14_2 ....)
平台栏使用比例轴显示比例:addPctAxis,
使用季度作为 X 的类别轴。
- 使用部分列作为系列。
那么代码应该是这样的:
myChart.addCategoryAxis("x", "quarter");
myChart.addPctAxis("y", "platform");
myChart.addSeries("portion", dimple.plot.bar);
此外,还有几个使用 addPctAxis
的示例,您可以从中学习,这些示例与您的要求非常相似。你可能想看看:
我想使用 dimple.js 绘制条形图,其中我想绘制不同类别的用户部分。每个类别都是我数据集中的一列。
我的数据是这样的:
我想要一个图表,其中每个平台和每个列都有一个条形图 Q14_*
。
我理解平台应该是一个系列:
myChart.addSeries("Platform", dimple.plot.area);
但是,我不知道如何为每一列添加栏。 我该怎么做?
我刚才试过做同样的事情并决定重建数据。但我不确定这是否是最佳解决方案。无论如何,这是我的解决方案:
重构数据以包含以下列:
- 平台(值:Android,Apple)
- 部分(取值:数值比例)
- 季度(值:Q14_1、Q14_2 ....)
平台栏使用比例轴显示比例:addPctAxis,
使用季度作为 X 的类别轴。
- 使用部分列作为系列。
那么代码应该是这样的:
myChart.addCategoryAxis("x", "quarter");
myChart.addPctAxis("y", "platform");
myChart.addSeries("portion", dimple.plot.bar);
此外,还有几个使用 addPctAxis
的示例,您可以从中学习,这些示例与您的要求非常相似。你可能想看看: