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

回答

相关问题