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

我试图在网页上显示折线图，但不断出现以下错误：

Uncaughterror类型“无法在运算符中用于搜索“命中”

我的JSON数据：

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

我通过参数数据加载它

我试图更改

c3.min.js

和

d3.v3.min.js

，但不起作用

我的代码：

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

---

提前感谢

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

小提琴：

---

是的，我完全明白你的意思，但我的问题很特别。我从一个html表中获取json数据

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

.所以得出的数据是

---

[{“月”：“一月”，“点击次数”：“235”，“用户”：“17”}，{“月”：“二月”，“点击次数”：“1”，“用户”：“1”}]

您尝试过但未起作用的代码在哪里？您的josn格式不正确var chart=c3。生成（{bindto:'#chart'，data:{json:[数据]，键：{x:'Month'，值：['Hits']，}，类型：'line'，}）；是吗？？（json格式问题）因为我尝试了JSFIDLE，并且这些数据工作得很好，给了我一个graph@Jay你的格式也不是很好。当你的json数据主要是包含你的对象的数组时，你是否直接引用了它而不是将它放在另一个数组中？我上面提供的代码确实有效（在答案中添加了fiddle）更新模型后是否重新加载视图？能否提供一些帮助？

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