Javascript 在折线图中显示信息的搜索框

我试图在我的网页中添加一个搜索框，允许用户选择要在折线图中显示的数据

我知道如何将变量从搜索框传递到PHP，但问题是在PHP中更新搜索框后，如何用Javascript呈现图表，以使用搜索框的值更新信息

$document.readyfunction{ $.ajax{ 网址：http://localhost/chartjs/followersdata.php, 类型：GET， 成功：functiondata{ 控制台日志数据； var userid=[]； var\u follower=[]； var twitter_follower=[]； var googleplus_follower=[]； 对于数据中的var i{ userid.pushUserID+data[i].userid； facebook_follower.pushdata[i].facebook； twitter_follower.pushdata[i].twitter； googleplus_follower.pushdata[i].googleplus； } var图表数据={ 标签：userid， 数据集：[{ 标签：facebook， 填充：假， 线张力：0.1， 背景颜色：rgba59,89152,0.75， 边框颜色：rgba59、89、152、1、， pointHoverBackgroundColor:rgba59、89、152、1、， pointHoverBorderColor:rgba59、89、152、1、， 资料来源：facebook\u follower }, { 标签：twitter， 填充：假， 线张力：0.1， 背景颜色：RGBA29202255,0.75， 边框颜色：RGBA29202255,1， pointHoverBackgroundColor:RGBA29202255,1， pointHoverBorderColor:RGBA29202255,1， 数据来源：推特追随者 }, { 标签：Google Plus， 填充：假， 线张力：0.1， 背景颜色：rgba211,72,54,0.75， 边框颜色：rgba211、72、54、1、， pointHoverBackgroundColor:rgba211、72、54、1、， 点悬停边界颜色：rgba211、72、54、1、， 数据来源：谷歌plus_追随者 } ] }; var ctx=$mycanvas； var LineGraph=新图表CTX{ 键入：“行”， 数据：图表数据 }; }, 错误：functiondata{} }; }; 感谢您的回复。

此链接可以帮助您

---

我已经设法做到了这一点，但我只返回json，而不返回呈现的图表

<form action="./followersdata.php" method="post">
    Licencia:<br>
    <input type="text" name="licencia" id="licencia"><br>
    <input type="submit" value="Submit" onsubmit="return showgraph();">
</form>

---

谢谢你的回答。也许我没有很好地解释我的问题。我有一个表单可以将数据提交到php中，从mysql数据库检索数据。我已经设法做到了，但是当我点击submit按钮时，我无法呈现图表，我只收到了json，所有数据都通过submit文本过滤。

<form action="./followersdata.php" method="post">
    Licencia:<br>
    <input type="text" name="licencia" id="licencia"><br>
    <input type="submit" value="Submit" onsubmit="return showgraph();">
</form>