如何生成網站

Question

我想生成我的網站上線圖線圖..

數據將改變每隔一小時使圖表應該生成圖表出現叮叮

我啓發線圖表的數據在下面的網站

http://www.nseindia.com/

所以請有人幫助我

感謝

Answer 1

我建議Raphael.js和它的製圖插件gRaphael

Answer 2

我建議pChart，您可以使用它創建相當真棒圖表。純粹的PHP，沒有別的。

Answer 3

我推薦Google Chart Tools，很容易生成語法，它們看起來不錯！

Answer 4

這是一個非常簡單的PHP功能產生很好的折線圖，它採用谷歌圖表API，這是免費的：

function GenerateLineAreaChartHtmlCode($valuesArray, $values_count, $title, $hAxisLabels, $yUnit, $xUnit, $bk_color, $b_reverse_sort = false) 
{ 
    if (count($valuesArray) == 0) 
     return ""; 

    $chart_function_name_id = rand(100, 100000); 
    $chart_html_code = "<script type=\"text/javascript\" src=\"https://www.google.com/jsapi\"></script> 
      <script type=\"text/javascript\"> 
       google.load(\"visualization\", \"1\", {packages:[\"corechart\"]}); 
       google.setOnLoadCallback(drawChart$chart_function_name_id); 
       function drawChart$chart_function_name_id() { 
       var data = new google.visualization.DataTable(); 
       data.addColumn('string', '$xUnit'); 
       data.addColumn('number', '$yUnit'); 
       data.addRows(["; 
    if ($b_reverse_sort) 
     krsort($valuesArray, SORT_NUMERIC); 
    else 
     ksort($valuesArray, SORT_NUMERIC); 
    if ($values_count == 0) 
     $values_count = count($valuesArray); 
    for ($curPointN = 0; $curPointN <= $values_count; $curPointN ++) 
    { 
     $cur_point_value = $valuesArray[$curPointN]; 
     if ($cur_point_value == "") 
      $cur_point_value = 0; 

     $chart_html_code .= "['$curPointN $xUnit', $cur_point_value],"; 
    } 
    $chart_name = "chart_div" . rand(100, 100000); 
    $chart_html_code .= "]); 
       var chart = new google.visualization.AreaChart(document.getElementById('$chart_name')); 
       chart.draw(data, {width: 700, height: 300, title: '$title', backgroundColor: '$bk_color', fontName: 'Antic', fontSize: 12, 
            hAxis: {title: '$hAxisLabels', titleTextStyle: {color: '#FF0000'} }, 
            vAxis: {} 
           }); 
       } 
      </script><div id=\"$chart_name\"></div>"; 

    return $chart_html_code; 
}