加載JSON字符串中highcharts餅圖

Question

我需要包括我的JSON字符串輸出到highcharts --pie圖表類 但圖表不正確加載

這是我的JSON字符串

var json = {"{\"name\":\"BillToMobile\"}":{"y":2.35},"{\"name\":\"Telenav\"}":{"y":13.59}} 


Highcharts.chart('container', { 
    chart: { 
     plotBackgroundColor: null, 
     plotBorderWidth: null, 
     plotShadow: false, 
     type: 'pie' 
    }, 
    title: { 
     text: '' 
    }, 
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: true, 
       format: '<b>{point.name}</b>: {point.percentage:.1f} %', 
       style: { 
        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
       } 
      } 
     } 
    }, 
    series: [{ 
     name: 'Brands', 
     colorByPoint: true, 
     data: json 
    }] 
}); 

下面是我在加載這個jsonstring時得到的圖表。 任何人都可以幫助我，因爲我是新手。感謝提前。

Answer 1

嘗試格式化你的JSON這樣

var json = [{name: "BillToMobile", y: 2.35}, {name: "Telenav", y: 13.59}] 

要轉換你有，你可以用這個JSON：

ES5或更早

var properJson = []; 
for (var i in json) { 
    var item = JSON.parse(i); 
    for (var j in json[i]) { 
     item[j] = json[i][j]; 
    } 
    properJson.push(item); 
} 

ES6

var properJson = []; 
for (var i in json) { 
    var item = JSON.parse(i); 
    Object.assign(item, json[i]); 
    properJson.push(item); 
}