1

我正在使用 highcharts 从数据库中的值表生成图表。我希望能够选择一个日期范围以传递给 highcharts javascript。

我正在使用 jquery 日期选择器。所以这些值被填写在表格中

<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”标签然后刷新图表？

4

1 回答 1

0

您应该通过访问从输入字段中获取日期：

document.getElementById('from').value;

编辑：更好的方法是使用 jQuery datepicker 事件：

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

并尝试将日期作为 javascript 日期对象获取。

要设置图表轴的范围，您可以使用：

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

在您的提交功能中。设置轴极值后，图表将自动重绘。

于 2012-07-31T12:51:37.250 回答