Question

1）HTML文件 2）PHP文件

HTML文件：目标：在文本框中输入一个字符串并发布到php文件 <form method="post" action="lineChartSql3.php"> 商家标识

开始日期<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'
        },

Answer 1

PHP页面的HTML是什么样的？根据{{3}}错误＃13表示您缺少HTML元素。

我的猜测是，您的网页上没有ID为“容器”的元素。

即。你需要这样的东西：

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

使用：

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

您正在使用jQuery按ID“容器”进行选择，然后使用该HTML对象引用加载图表。确保您拥有一个包含该ID的HTML元素，并且包含了jQuery。

Answer 2

如果我的问题是正确的，您想知道如何将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的值。

动态创建javascript图表的问题

2 个答案: