无法在C3折线图中显示JSON数据

时间:2017-05-19 14:27:18

标签: javascript jquery json c3.js

我正在尝试在我的网页上显示折线图,但不断收到此错误:

  

Uncaughterror类型"无法在运营商中搜索"点击"

我的JSON数据:

[
  {"Month":"jan", "Hits":"235", "user":"17"},
  {"Month":"feb", "Hits":"1", "user":"1"}
]

我通过参数数据加载它。

我尝试更改c3.min.jsd3.v3.min.js,但它不起作用。

我的代码:

var  chart = c3.generate({
  bindto : '#chart',                      
  data: {
    json: [data],                                                                  
    keys: {                                              
      x: 'Month',
      value: ['Hits'],
    },                                
    type : 'line',
  }
});

提前致谢

2 个答案:

答案 0 :(得分:0)

您必须将x轴定义为类别类型,否则它需要一些时间戳。

小提琴:https://jsfiddle.net/AkoyaP6618/6cLh45mx/4/

var data = [
  {"Month":"jan", "Hits":"235", "user":"17"},
  {"Month":"feb", "Hits":"1", "user":"1"}
]


 var chart = c3.generate({
        data: {
            json: data,
            keys: {
                x: 'Month', // can be used when x is specyfied as category
                value: ['Hits', 'user'],
            }
        },
        axis: {
            x: {
                type: 'category' //specify x as category
            }
        }
    });

答案 1 :(得分:0)

是的,我完全得到你,但我的问题很奇怪。我从一个html表中获取这个json数据

$('#convert-table').click( function() {
var table = $('#example-table').tableToJSON();
 console.log(table);
var data=(JSON.stringify(table));
  });

。所以出来的数据是 [{“Month”:“jan”,“Hits”:“235”,“user”:“17”},{“Month”:“feb”,“Hits”:“1”,“user” : “1”}]