【问题标题】:How to get the data from the c3.js如何从 c3.js 获取数据
【发布时间】:2015-04-02 05:17:33
【问题描述】:

我正在使用 d3.js 中的可重用图表从 c3.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"
          }
        }

})

【问题讨论】:

    标签: javascript d3.js c3


    【解决方案1】:
    chart.data('value')[0].values[0].value 
    

    c3 文档here

    看看这个fiddle

    【讨论】:

      【解决方案2】:

      我相信这就是你想要的:

      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"
                }
              }
      });
      

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

      结帐 this fiddle 改编自 Sikandar Tamboli 的回答

      【讨论】:

        猜你喜欢
        • 2023-01-03
        • 2015-04-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多