c3图键值对

Question

所以我的大脑关闭了。

我有一个接受数字数组的c3图形，因此它可以显示图形上的条形图。我在动态解析来自我们后端的数据到这些数组时遇到了麻烦。

我有三个变量

var inp = graphNums.inProgress;
var rec = graphNums.received;
var att = graphNums.attention;

它在键值对中生成数据，如下所示

{group1: 3, group2: 0, group3: 0}

这些组与图底部的x访问相匹配，如下所示。

for (i in inp) {
        if (inp.hasOwnProperty(i)) {
            cat.push(i)
        }
    }
    cat.unshift('x'); //x needs to be there for the graph to work

这就是问题所在。图形只接受这样的值。

['Rec', 5, 1, 4, 8, 5, 3],
['InP', 7, 2, 7, 9, 7, 3],
['Res', 10, 5, 2, 9, 5, 2],

对于我来说，我想不出如何让键值对与这个数组相匹配。任何帮助都将不胜感激。

包含完整图形和示例的jsfiddle。http://jsfiddle.net/17sqrnec/5/

Answer 1

我建议看看这里的文档: JSON你会发现可以用于分类的http://c3js.org/samples/data_json.html格式，例如：

{category: 'cat1', group1: 3, group2: 0, group3: 0}

Answer 2

您需要提供一个包含x类别/标签的数组，其余数组将被视为具有前导标签的数据，与已定义的x类别的数据相匹配

一个有用的小提琴：http://jsfiddle.net/17sqrnec/45/