我有一个 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;
}
将不胜感激。谢谢。