Javascript Highcharts-setData（）未正确更新柱状图-已解决
我有一个Highcharts柱形图，我正在使用setData（）更新它，它由用户选择的下拉菜单触发。我确信该代码以前工作正常，但现在无法正确触发setData（）。请看我的小提琴 这是我的javascript和HTMLJavascript Highcharts-setData（）未正确更新柱状图-已解决,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我有一个Highcharts柱形图，我正在使用setData（）更新它，它由用户选择的下拉菜单触发。我确信该代码以前工作正常，但现在无法正确触发setData（）。请看我的小提琴 这是我的javascript和HTML $(function () { var chartBench; $(document).ready(function () { chartBench = new Highcharts.Chart({ chart:
$(function () {
var chartBench;
$(document).ready(function () {
chartBench = new Highcharts.Chart({
chart: {
renderTo: 'containerYo',
type: 'column'
},
title: {
text: ''
},
credits: {
enabled: false
},
legend: {},
plotOptions: {
series: {
shadow: false,
borderWidth: 0
}
},
xAxis: {
lineColor: '#999',
lineWidth: 1,
tickColor: '#666',
tickLength: 3,
categories: ['2011', '2012', '2013', '2014'],
title: {
text: 'Years'
}
},
yAxis: {
lineColor: '#999',
lineWidth: 1,
tickColor: '#666',
tickWidth: 1,
tickLength: 3,
gridLineColor: '#ddd',
labels: {
format: '$ {value}'
},
title: {
text: ''
}
},
series: [{
name: 'Value A',
data: [
[201],
[211],
[221],
[131]
]
}, {
name: 'Value B',
data: [
[192],
[202],
[212],
[122]
]
}, {
name: 'Value C',
data: [
[183],
[193],
[203],
[113]
]
}, {
name: 'Value D',
data: [
[174],
[184],
[194],
[104]
]
}]
});
});
$("#list").on('change', function () {
//alert('f')
var selVal = $("#list").val();
var selValB = $("#listb").val();
var selValBB = $("#listc").val();
if (selVal == "a" && selValB == "a" && selValBB == "a") {
chartBench.series[0].setData(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].setData(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].setData(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].setData(
[
[174],
[184],
[194],
[104]
]);
} else if (selVal == "a" && selValB == "a" && selValBB == "b") {
chartBench.series[0].setData(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].setData(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].setData(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].setData(
[
[174],
[184],
[194],
[104]
]);
} else if (selVal == "b" && selValB == "a" && selValBB == "a") {
chartBench.series[0].setData(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].setData(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].setData(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].setData(
[
[174],
[184],
[194],
[104]
]);
} else if (selVal == "b" && selValB == "a" && selValBB == "b") {
chartBench.series[0].setData(
[
[141],
[111],
[121],
[131]
]);
chartBench.series[1].setData(
[
[132],
[102],
[112],
[122]
]);
chartBench.series[2].setData(
[
[123],
[93],
[103],
[113]
]);
chartBench.series[3].setData(
[
[114],
[84],
[94],
[104]
]);
} else if (selVal == "b" && selValB == "a" && selValBB == "a") {
chartBench.series[0].setData(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].setData(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].setData(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].setData(
[
[174],
[184],
[194],
[104]
]);
} else if (selVal == "b" && selValB == "a" && selValBB == "b") {
chartBench.series[0].setData(
[
[141],
[111],
[121],
[131]
]);
chartBench.series[1].setData(
[
[132],
[102],
[112],
[122]
]);
chartBench.series[2].setData(
[
[123],
[93],
[103],
[113]
]);
chartBench.series[3].setData(
[
[114],
[84],
[94],
[104]
]);
} else if (selVal == "a" && selValB == "b" && selValBB == "a") {
chartBench.series[0].setData(
[
[151],
[251],
[221],
[231]
]);
chartBench.series[1].setData(
[
[172],
[242],
[212],
[222]
]);
chartBench.series[2].setData(
[
[183],
[233],
[203],
[213]
]);
chartBench.series[3].setData(
[
[154],
[224],
[194],
[204]
]);
} else if (selVal == "a" && selValB == "b" && selValBB == "b") {
chartBench.series[0].setData(
[
[151],
[251],
[221],
[231]
]);
chartBench.series[1].setData(
[
[172],
[242],
[212],
[222]
]);
chartBench.series[2].setData(
[
[183],
[233],
[203],
[213]
]);
chartBench.series[3].setData(
[
[154],
[224],
[194],
[204]
]);
} else if (selVal == "b" && selValB == "b" && selValBB == "a") {
chartBench.series[0].setData(
[
[151],
[251],
[221],
[231]
]);
chartBench.series[1].setData(
[
[172],
[242],
[212],
[222]
]);
chartBench.series[2].setData(
[
[183],
[233],
[203],
[213]
]);
chartBench.series[3].setData(
[
[154],
[224],
[194],
[204]
]);
} else if (selVal == "b" && selValB == "b" && selValBB == "b") {
chartBench.series[0].setData(
[
[141],
[151],
[161],
[171]
]);
chartBench.series[1].setData(
[
[132],
[142],
[172],
[162]
]);
chartBench.series[2].setData(
[
[123],
[133],
[183],
[153]
]);
chartBench.series[3].setData(
[
[114],
[124],
[194],
[144]
]);
} else {
}
});
});
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div>
<div style="display:inline-block; padding-right:20px; padding-left:20px;">
<div>1: <select id="list">
<option id="optiona" value="a" selected=yes >Option A</option>
<option id="optionb" value="b">Option B</option>
</select></div>
</div>
</div>
<div id="containerYo" style="width: 528px; height: 400px; margin: 0 auto"></div>
$（函数（）{
var图表台；
$（文档）.ready（函数（）{
chartBench=新的Highcharts.图表({
图表：{
renderTo:“ContainerIO”，
类型：“列”
},
标题：{
文本：“”
},
学分：{
已启用：false
},
图例：{}，
打印选项：{
系列：{
影子：错，
边框宽度：0
}
},
xAxis：{
线条颜色：'#999'，
线宽：1，
勾选颜色：'#666'，
长度：3，
类别：[2011年、2012年、2013年、2014年]，
标题：{
正文：“年”
}
},
亚克斯：{
线条颜色：'#999'，
线宽：1，
勾选颜色：'#666'，
宽度：1，
长度：3，
gridLineColor:“#ddd”，
标签：{
格式：“${value}”
},
标题：{
文本：“”
}
},
系列：[{
名称：“值A”，
数据：[
[201],
[211],
[221],
[131]
]
}, {
名称：“值B”，
数据：[
[192],
[202],
[212],
[122]
]
}, {
名称：“值C”，
数据：[
[183],
[193],
[203],
[113]
]
}, {
名称：“值D”，
数据：[
[174],
[184],
[194],
[104]
]
}]
});
});
$（“#列表”）。on（'change'，function（）{
//警报（'f'）
var selVal=$（“#列表”）.val（）；
var selValB=$（“#listb”）.val（）；
var selValBB=$（“#listc”）.val（）；
如果（selVal==“a”&&selValB==“a”&&selValBB==“a”）{
chartBench.series[0].设置数据(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].设置数据(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].设置数据(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].设置数据(
[
[174],
[184],
[194],
[104]
]);
}else if（selVal==“a”&&selValB==“a”&&selValBB==“b”）{
chartBench.series[0].设置数据(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].设置数据(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].设置数据(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].设置数据(
[
[174],
[184],
[194],
[104]
]);
}else if（selVal==“b”&&selValB==“a”&&selValBB==“a”）{
chartBench.series[0].设置数据(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].设置数据(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].设置数据(
[
[183],
[193],
[203],
[113]
]);
chartBench.series[3].设置数据(
[
[174],
[184],
[194],
[104]
]);
}else if（selVal==“b”&&selValB==“a”&&selValBB==“b”）{
chartBench.series[0].设置数据(
[
[141],
[111],
[121],
[131]
]);
chartBench.series[1].设置数据(
[
[132],
[102],
[112],
[122]
]);
chartBench.series[2].设置数据(
[
[123],
[93],
[103],
[113]
]);
chartBench.series[3].设置数据(
[
[114],
[84],
[94],
[104]
]);
}else if（selVal==“b”&&selValB==“a”&&selValBB==“a”）{
chartBench.series[0].设置数据(
[
[201],
[211],
[221],
[131]
]);
chartBench.series[1].设置数据(
[
[192],
[202],
[212],
[122]
]);
chartBench.series[2].设置数据(
[
if (selVal == "a" && selValB == "a" && selValBB == "a") { ...
else if (selVal == "b" && selValB == "a" && selValBB == "a") { ...