Question

当我尝试将字符串值（数据）传递给highchart系列时，它返回空白图表。如何在highchart jquery插件中使用串联的String值。

var data="{name: 'Jane',data: [1, 0, 4]},{name: 'John',data: [5, 7, 3]},{name: 'RAHUL',    data: [1, 5, 4]}";

$('#container').highcharts({
 chart: {
     type: 'bar'
 },
 title: {
     text: 'Fruit Consumption'
 },
 xAxis: {
     categories: ['Apples', 'Bananas', 'Oranges']
 },
 yAxis: {
     title: {
         text: 'Fruit eaten'
     }
 },
 series:[data]

}）;

注意：数据将作为动态传递。

请检查：http://jsfiddle.net/prathi89/FDjq7/26/

Answer 1

JSON.parse()不适合您，因为您的数据不是有效的JSON字符串。

然而，有一种技巧可以强制JavaScript解析这种字符串：

var data="{name: 'Jane',data: [1, 0, 4]},{name: 'John',data: [5, 7, 3]},{name: 'RAHUL',    data: [1, 5, 4]}";
console.log(Function("return [" + data + "];")());

这不干净且被认为有害，因此如果您可以使用有效的JSON格式获取数据，请执行此操作。

http://jsfiddle.net/neustroev_ai/FDjq7/27/

如何在Highchart系列中使用字符串值

1 个答案: