Highcharts列與php

Question

以及即時通訊與一個Highchart圖形的問題。這一個 - >http://www.highcharts.com/demo/column-basic

我有一個表呼叫「天」和「作品」的數據庫，我想把我在「類別[]」和系列[]工作的日子; 但 我不知道我的JSON需要如何，還是做最好的辦法是用JS數組

我試着這樣說：

js_array = new Array(<?php echo implode(',', $array1); ?>); 

xAxis: { 
      categories: js_array, 
      crosshair: true 
     }, 

或只是categories:<?php echo json_encode($array1);?>

，但不成功。

你能幫助我嗎？

Answer 1

我做到這一點使用asp.net（MVC5），但我認爲是PHP一樣的想法，希望它幫助。

<script> 

    $(function() { 
     var chart = new Highcharts.Chart({ 
      chart: { 
       type: 'column', 
       renderTo: 'container' 
      }, 
      title: { 
       text: "Client's downloads" 
      }, 
      subtitle: { 
       text: 'Click the columns to view products.' 
      }, 
      xAxis: { 
       type: 'category' 
      }, 
      yAxis: { 
       title: { 
        text: 'Total downloads' 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      plotOptions: { 
       series: { 
        borderWidth: 0, 
        dataLabels: { 
         enabled: true 
        } 
       } 
      }, 
      tooltip: { 
       headerFormat: '<span style="font-size:11px">{series.name}</span><br>', 
       pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b><br/>' 
      }, 
      series: [{ 
       name: "Downloads", 
       colorByPoint: true, 
       data: [ 
        @foreach (var item in Model) 
        { 
          <text>{</text> 
          <text>name: "</text> @item.Name <text>",</text> 
          <text>y: </text> @item.Downloads <text>,</text> 
          <text>drilldown: "</text>@item.Name<text>"},</text> 
        } 
       ] 
      }], 
      drilldown: { 
       series: [ 

        @foreach (var item in Model) 
        { 
         <text>{</text> 
         <text>name: "</text>@item.Name<text>",</text> 
         <text>id: "</text>@item.Name<text>",</text> 

         <text>data: [</text> 

          foreach (var download in item.ProductDownloads) 
          { 
           <text>["</text> @download.Product <text>", </text> @download.Downloads <text>],</text> 
          } 

         <text>]</text> 

         <text>},</text> 
        } 

        ] 
      } 
     }); 
    }); 


</script>