Highcharts Column с php

Question

хорошо im с проблемой с Highchart Graphic. Этот ->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>