如何从 c3 获取数据.js

How to get the data from the c3.js

本文关键字:数据 js 获取 c3      更新时间:2023-09-26

我正在使用 d3 中的可重用图表从 c3 开发.js.js,但无法从对象数组中获取数据,我尝试了给定的代码格式。

    var chart=c3.generate({
          data:{
              json:[
             {"key":[2000],"value":100},{"key":[2001],"value":200},{"key":[2003],"value":300},{"key":[2004],"value":400},{"key":[2005],"value":500},{"key":[2006],"value":600},{"key":[2007],"value":700}
                      ],
              keys:{x:'key[0]',
                    value:'value',
              }
   },
             axis: {
          x: {
            type: "category"
          }
        }
})
chart.data('value')[0].values[0].value 

C3 文档在这里

看看这个小提琴

我相信这就是你要做的:

var chart = c3.generate({
        data:{
              json:[
             {"key":2000,"value":100},{"key":2001,"value":200},
             {"key":2003,"value":300},{"key":2004,"value":400},
             {"key":2005,"value":500},{"key":2006,"value":600},
             {"key":2007,"value":700}
              ],
              keys:{
                  x: "key",
                  value:['value']
              }
    },
    axis: {
          x: {
            type: "category"
          }
        }
});

我不确定为什么你会让数据点的键是一个数组(也许你想交换键和值?),但这里有一个基本的键,值线图,这就是我认为你想要的。

结出这个改编自西坎达·坦博利的答案的小提琴