Highcharts餅圖數據格式通過php

我使用Highcharts餅圖。下面是它的JS代碼：產生數據Highcharts餅圖數據格式通過php

$(document).ready(function() { 
var chart; 

var graphData = $("#graphContentdata").val(); 
console.log(graphData); 
var options = { 
     chart: { 
      renderTo: 'graphContainer', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: 'SOV' 
     }, 
     tooltip: { 
      formatter: function() { 
       return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; 
      } 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: true, 
        color: '#000000', 
        connectorColor: '#000000', 
        formatter: function() { 
         return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; 
        } 
       } 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [] 
     }] 
    } 

    chart = new Highcharts.Chart(options); 
    chart.series[0].setData("["+graphData+"]"); 

});

和PHP代碼：

foreach ($sumArray as $key=>$value) 
    { 
     $sumArray[$key] = array_sum($value); 
     $percent = (number_format(($sumArray[$key]/$sovGrandTotal)*100,2)); 

     $data[] = "['$key', $percent]";    
    } 
    $data = join(",", $data); 

?>    
    <input type='hidden' id='graphContentdata' value="<?php echo $data; ?>">

的數據格式我得到的是：

['www.quora.com', 0.23],['www.slideshare.net', 0.25],['me', 99.52]

問題是：

chart.series[0].setData("["+graphData+"]");

不創建圖形，但是，如果我複製在graphData可變的。安迪粘貼控制檯價值的工作，如：

chart.series[0].setData([['www.quora.com', 0.23],['www.slideshare.net', 0.25],['me', 99.52]]);

工作。

我在這裏做的錯誤是什麼？

來源

2013-06-05 Arul

你嘗試把回聲json_encode（$數據）; ？實際上你的數據是一個php數組，它在js中沒有任何價值。無論如何，寫在投入的價值並不是最好的方式。 – stefanz

我試過echo json_encode（$ data）;但它給空字符串... – Arul

任何其他格式將其傳遞給餅圖數據？ [我] = 99.52 [www.quora.com] = 0.23 [www.slideshare.net] = 0.25 – Arul

的問題是你是通過你的數據作爲一個字符串，當您使用

chart.series[0].setData("["+graphData+"]");

你需要set your data as an Array。你可以做到這一點的轉換使用eval您的字符串：

chart.series[0].setData(eval("["+graphData+"]"));

你也use jQuery to convert your String to JSON，但在這種情況下，你must use double quotes打開和關閉字符串：

$.parseJSON("[[\"www.quora.com\", 0.23],[\"www.slideshare.net\", 0.25],[\"me\", 99.52]]");

來源

2013-06-05 08:37:57

Highcharts餅圖數據格式通過php

回答

相關問題