js堆叠条形图顺序/反转由Y键
Morris.js stacked bar chart order/revese by Y key
我有Morris.js的堆叠条形图:
Morris.Bar({
element: 'bar-example',
data: [
{ y: '2006', a: 150, b: 60 },
{ y: '2007', a: 175, b: 65 },
{ y: '2008', a: 150, b: 40 },
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
stacked: true
});
http://jsbin.com/bazomocoba/edit?html、js、输出
我想要实现的是在顶部绘制第一个Y键,然后是下面的第二个,等等。在这个例子中,这是"a"键,它需要放在所有键的最上面。基本上是为了恢复它在条中绘制所有小条的方式
您是否尝试还原传递给Morris.Bar
的数据?
Morris.Bar({
element: 'bar-example',
data: [ // reverse b and a
{ y: '2006', b: 60, a: 150 },
{ y: '2007', b: 65, a: 175 },
{ y: '2008', b: 40, a: 150 },
],
xkey: 'y',
ykeys: ['b', 'a'], // reverse b and a
labels: ['Series B', 'Series A'], // reverse labels
stacked: true
});
相关文章:
- 用chart.js绘制条形图
- d3.js用按钮更新条形图工具提示
- 添加新数据时D3.JS条形图列偏移量
- Chart.js条形图:网格颜色和隐藏标签
- 在条形图中呈现数据AngularJS,如何制作一个好的多条形图
- Chart.js 2.1.2条形图动画问题
- 如何在Extjs5中更改条形图的标签
- d3.js条形图转换无法正常工作
- 从数组在d3中创建条形图时出现问题
- 条形图元素的HTML5 JavaScript锚点
- d3.js组条形图不起作用
- 图表.js:条形图点击事件
- 如何使用chartjs设置条形图中每个条形图的颜色
- Raphael.js条形图及教程
- 对d3堆叠条形图的数据进行排序
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- d3.js条形图未根据单击事件进行更新
- 具有特定顺序的C3JS条形图
- js堆叠条形图顺序/反转由Y键
- 绘制条形图后的条形顺序调整