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 datepicker事件：

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

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

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

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

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

将表单输入传递给highcharts然后重建图表

1 个答案: