Question

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

Uncaughterror类型＆＃34;无法在运营商中搜索＆＃34;点击＆＃34;

我的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',
  }
});

提前致谢

Answer 1

您必须将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
            }
        }
    });

Answer 2

是的，我完全得到你，但我的问题很奇怪。我从一个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”}]

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

2 个答案: