我有一个jqplot柱状图,希望当用户更改下拉列表中的值时,图表数据也随之改变。这个功能已经实现了,但问题是每次用户更改值时,柱状图会重绘一遍,导致图表覆盖。
有没有办法在不需要整体重绘的情况下更新或重新加载条形图?是否有任何属性值可以设置?
图表数据根据ajax调用进行更改:
$.ajax({
url: '/Home/ChartData',
type: 'GET',
data: { Id: Id },
dataType: 'json',
success: function (data) {
$.jqplot('chartDiv', [a, b], CreateBarChartOptions(xAxis));
}});
function CreateBarChartOptions(xAxis) {
var optionsObj = {
title: 'Stat',
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: xAxis
},
yaxis: { min: 0 }
},
series: [{ label: 'A' }, { label: 'B'}],
seriesDefaults: {
shadow: true,
renderer: $.jqplot.BarRenderer,
rendererOptions: {
barPadding: 8,
barMargin: 10
}
},
};
return optionsObj;
}
期待您的回复,谢谢。