javascript - 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

我建议查看此处的文档:http://c3js.org/samples/data_json.html 您会发现可用于类别的 JSON 格式，例如:

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