Question

编辑：我弄清楚了我需要做什么，下面更新了小提琴-

我正在使用图表绘制天气数据，希望为用户提供以下选项：1）在三个不同的时间段中进行选择，以及2）在公制和“英制”单位之间进行选择。

我的问题：我正在努力从两个下拉菜单中进行选择。

这是我图的小提琴。更新图表的部分位于javascript的末尾。左边的下拉列表有效，右边的下拉列表（单位）目前不执行任何操作。我正在尝试解决这个问题，目前已被淘汰。 https://jsfiddle.net/m2ydxs8t/25/

我如何更新它的概述如下：

//update for time drop down    
$('#timespan').change(function(){
var chart1 = $('#container1').highcharts();
var chart2 = $('#container2').highcharts();
var selVal = $("#timespan").val();
if(selVal == '1') {     
...do stuff with chart...
}
if(selVal == '2') {            
...do other stuff with chart...
}
if(selVal == '3') {            
...do other stuff with chart...
}
})
//update for unit dropdown
$('#units').change(function(){
var chart1 = $('#container1').highcharts();
var chart2 = $('#container2').highcharts();
var selVal2 = $("#units").val();
if(selVal2 == 'm') {            
...show metric units...
}
if(selVal2 == 'e') {            
...show english units...
}

我无法弄清楚如何获得以下收益，更不用说优雅地做到了：

$('#BOTH OF THEM').change(function(){
var chart1 = $('#container1').highcharts();
var chart2 = $('#container2').highcharts();
var selVal1 = $("#timespan").val();
var selVal2 = $("#units").val();
if(selVal == x and selVal2 == y) {            
...do stuff stuff with chart...
}

我对javascript / jquery非常陌生，并且怀疑这是一个更普遍的问题，与我对js逻辑的了解有关，而不是针对highcharts的特定问题。链接到文档甚至Google的术语都将有所帮助。

多个下拉菜单来更新高位图

0 个答案: