Javascript Highcharts：基于表单输入动态显示数据

我想在index.php页面上用highcharts显示数据

我该怎么做？这是我迄今为止尝试的：

我有一个HTML页面：

海图 $document.readyfunction{ 变量选项={ 图表：{ renderTo:'容器'， 键入：“行”， marginRight:130， marginBottom:25 }, 标题：{ 文字：“三良牌”， x:-20/中心 }, 副标题:{ 正文：， x:-20 }, xAxis：{ 类别：[] }, 亚克斯：{ 标题：{ 文字：‘童田’ }, 绘图线：[{ 值：0， 宽度：1， 颜色：“红色” }] }, 工具提示：{ 格式化程序：函数{ return+this.series.name++ this.x+'：'+this.y； } }, 图例：{ 布局：“垂直”， 对齐：“右”， 垂直排列：“顶部”， x:-10， y:100， 边框宽度：0 }, 打印选项：{ 面积：{ 堆叠：“高”， 线条颜色：“666666”， 线宽：1， 标记：{ 线宽：1， 线条颜色：“666666” } } }, 系列：[] } $.getJSONdata.php，functionjson{ options.xAxis.categories=json[0]['data']； options.series[0]=json[1]； var图表=新的Highcharts.Chartoptions； 返回false； } }; 通克CCU 杜恩杰 丹恩盖 当我提交值为2的表单时，textfield数据以JSON数据类型显示在data.php上

Code data.php：

ifisset$\u POST['s\u t']{ 包括../config/dbconnect.php； $date=新的日期时间； $t_n=strotime$_POST['t_n']； $d_n=strotime$_POST['d_n']； $tn=日期y-m-d，$t\n； $dn=dateY-m-d，$d\n； $query=mysql\u query从skycity\u log.ccu\u log中选择SUMccu作为SUMccu，DATE\u FORMATdate，“%d-%m”作为day，其中DATE>=“.$tn.”和DATE缺少的部分是：

截取表单提交，例如使用定义obsubmit处理程序 手动从服务器获取JSON数据，例如使用 必要时，将接收到的数据转换为Highcharts系列格式 使用收到的数据初始化Highcharts，该数据是document.ready处理程序中当前的代码

---

当然，您好。您可以创建一个JSFIDLE代码，我可以向您展示如何将其更改为工作。@Tarnchaf是的，这是链接：。您可以插入代码和注释详细信息吗？非常感谢！您好，感谢您的帮助，请查看我的更改和注释：