將表單輸入傳遞給highcharts，然後重建圖表

Question

我使用highcharts從數據庫中的值表中生成圖表。我希望能夠選擇一個日期範圍傳遞給highcharts javascript。

即時通訊使用jquery datepicker。因此，價值得到填好了表單

<form id='myform'> 
<label for="from">From</label> 
<input type="text" id="from" name="from"/> 
<label for="to">to</label> 
<input type="text" id="to" name="to"/> 
<div class="demo"> 
<input type="submit" value="Submit"> 

而且要提交到highcharts

$(function() { 
     new Highcharts.Chart({ 

這是所有定位於視圖。在腳本標記中。有人能告訴我如何將日期值從輸入表單傳遞到此javascript函數，然後使用用戶輸入值重新構建頁面上的圖表嗎？我如何訪問「to」和「from」標籤，然後刷新圖表？

Answer 1

你應該通過訪問從你的輸入域日期：

document.getElementById('from').value; 

編輯：一個更好的辦法是使用jQuery的日期選擇器事件：

$('.selector').datepicker({ 
    onSelect: function(dateText, inst) { ... } 
}); 

，並嘗試獲取日期作爲一個JavaScript日期對象。

要設置圖表的範圍軸可以使用：

chart.xAxis[0].setExtremes(Date.UTC(startYear, startMonth - 1, startDay), Date.UTC(endYear, endMonth - 1, endDay)); 

在你提交功能。軸線極值設置後，圖表會自動重繪。