c3js来自json数组的堆积条形图

时间:2017-11-22 19:52:52

标签: javascript json d3.js bar-chart c3.js

伙计这就是问题:我有一个用c3js写的时间序列堆积条形图,它的工作非常好。但是我仍然需要创建一个堆积条形图,其中数据 BUT 作为类别图表...

我的Json看起来像这样:

{"product":"acucar5kg","bundle":0,"units":5342,"production":26710,"label":"acuuki 5kg","line":"Empacotamento 1","date":"2017-10-02"}

我原来的图表是这样的:

  • x轴:日期
  • y轴:生产
  • groups:label

我的目标是

  • x轴:行
  • y轴:生产
  • groups:label

为了简单起见我的原始代码就在这里:code on jsfiddle 和欺骗真的很快,任何人都能理解我真正想要的东西......这里是模型new chart

救救我! = *

P.S。随意打击我的代码......我不是一个好的JS开发者...... 谢谢!

1 个答案:

答案 0 :(得分:2)

好吧,花了我一些时间,但here是一个小提琴你需要什么。为了我的工作:

更改return d.line;对象的nestedData行和obj.line = entry.key;对象的formatedData行。还要对generate方法中的属性x: 'line',和类型type: 'category'进行更改。

检查并告诉我这是否适合你。