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}

Answer 2

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

工作小提琴：http://jsfiddle.net/17sqrnec/45/

c3图键值对

2 个答案: