2014-11-11 3 views
-1

Я хочу использовать свои данные базы данных в серии мой стол «чернь» что-то вроде этого: [моя таблица с именем «чернь»] [1]что я должен написать в серии Highcharts

Icost данные в не реальном И мой код выглядит так:

<?php 
include '../../class/jdf.php'; 
require_once "../../db.php"; 
$db = new db(); 
$query_time = "SELECT DISTINCT iDate FROM mob WHERE 1 "; 
$datashow = $db->get_arr($query_time); 

$time = array(); 
foreach ($datashow as $key => $row) { 
    $format = ' Y/m/d '; 
    $time[] = jdate($format, $row['iDate']); 

} 
$query_cost = "SELECT * FROM mob WHERE 1 "; 
$data = $db->get_arr($query_cost);     
    $datamin = $db->get_field('mob','MIN(iCost)','1'); 
    $datamin = $datamin -100; 
    $datamax = $db->get_field('mob','MAX(iCost)','1'); 



<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Highcharts Example</title> 

     <script src="../../js/jquery-1.9.1.min.js"></script> 
     <script src="../../js/highcharts.js"></script> 
     <style type="text/css"> 
     </style> 
     <script type="text/javascript"> 

      Highcharts.setOptions({ 

       lang: { 
        numericSymbols: null 
       }, 
      }); 
      $(function() { 
       $('#container').highcharts({ 

        chart: 
          { 
         type: 'column' 
        }, 
        title: { 
         text: 'my chart ' 
        }, 
        subtitle: { 
         text: 'mob' 
        }, 
        xAxis: { 
         categories: [ 

          <?php 
          foreach ($time as $value) { 
           echo "'" . $value . "',"; 
          } 
          ?> 

         ] 
        }, 
        yAxis: { 
         min :<?php echo $datamin ?>, 
         max :<?php echo $datamax ?>, 
         title: { 
          text: 'cost' 
         } 
        }, 
        tooltip: { 
         headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
         pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
           '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
         footerFormat: '</table>', 
         shared: true, 
         useHTML: true 
        }, 
        plotOptions: { 
         column: { 
          pointPadding: 0.2, 
          borderWidth: 0 
         } 
        }, 
        series: [] 
       }); 
      }); 
     </script> 
    </head> 
    <body> 

     <script src="../../js/modules/exporting.js"></script> 

     <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

    </body> 
</html> 

Что я должен написать в серии, чтобы иметь диаграмму как этот

[мой график выборки так] [2]

!

// [1]: http://i.stack.imgur.com/WBJm5.jpg // [2]: http://i.stack.imgur.com/DYZjm.jpg

Помогите мне пожалуйста. Спасибо

+0

простите за плохой формат вопрос. это мой первый раз в stackoverflow – adonis1989

ответ

0

В вашем php подготовьте правильный массив (согласно структуре avascript) и используйте json_encode(). В javasctrip вызовите $ .getJSON(), получите данные и используйте их в highcharts.

Более подробная информация о данных предварительной обработки, here

Смежные вопросы