2013-05-15 97 views
0

1)HTML文件 2)PHP文件問題動態創建的JavaScript圖表

HTML文件: 目的:在文本框中輸入,並郵寄到PHP文件 <form method="post" action="lineChartSql3.php"> 商家ID

開始日期字符串<input type="text" name="Start_Date" value="" />

PHP文件: 目標:獲取輸入並將其傳遞給動態生成圖的javascript代碼 問題:我得到了Highchart錯誤#13

$startDate = $_POST["Start_Date"]; 



    $('#container').highcharts({ 
      chart: { 
        //renderTo: 'container', 
     }, 
     title: { 
      text: 'Number of People queueing', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: TickTok.com', 
      x: -20 
     }, 
     xAxis: { 
      type: 'datetime' 
      //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
       // 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     yAxis: { 
      title: { 
       text: 'No. of people queueing' 
      } 
     }, 
     tooltip: { 
      //valueSuffix: '°C' 
     }, 

回答

0

您的PHP頁面的HTML是什麼樣子的?根據Highcharts' error page,錯誤#13意味着你錯過了HTML元素。

我的猜測是,您的網頁上沒有包含ID爲'container'的元素。

I.e.你需要的東西,如:

<div id="container"></div> 

使用:

$('#container').highcharts //etc 

你使用jQuery的ID「容器」來選擇,然後使用HTML對象引用加載在圖表確保你。有一個帶有該ID的HTML元素,並且包含jQuery。

+0

我有在php文件的正文標記:

\t \t \t \t \t

+0

您在Javascript控制檯中是否有其他錯誤(按F12並在大多數瀏覽器中轉到控制檯)?你有沒有在該頁面上的腳本標籤中包含jQuery? – MatthewMcGovern

0

如果我把你的問題正確的,你想知道,你如何可以將PHP的「價值」傳遞給highcharts的Javascript?

你可以這樣說:

<?php 
$categories = array("Jan","Feb"); 
echo '<script language="javascript">'; 
//results in var myCategories = ['Jan','Feb']; 
echo 'var myCategories = [\''.implode("','".$categories).'\'];'; 
echo '</script>'; 
?> 

<script language="javascript"> 
$('#container').highcharts({ 
    ... 
    xAxis: { 
     type: 'datetime' 
     categories: myCategories; 
    }, 
    ... 
</script> 

剛生成JavaScript的一部分,包含在PHP中的值。