echarts柱状图分页的办法及代码

您可以使用 echarts.js 来实现分页功能，代码如下：
<pre>
let pageIndex = 1;
let pageSize = 10;
let pageData = [];// 获取后台数据
$.get(url, {
pageIndex: pageIndex,
pageSize: pageSize
}, function (data) {
pageData = data;
myChart.setOption({
xAxis: {
data: pageData
},
series: [{
data: pageData
}]
});
});// 点击上一页和下一页按钮
$('#prePageBtn').click(function () {
if (pageIndex > 1) {
pageIndex--;
$.get(url, {
pageIndex: pageIndex,
pageSize: pageSize
}, function (data) {
pageData = data;
myChart.setOption({
xAxis: {
data: pageData
},
series: [{
data: pageData
}]
});
});
}
});$('#nextPageBtn').click(function () {
pageIndex++;
$.get(url, {
pageIndex: pageIndex,
pageSize: pageSize
}, function (data) {
pageData = data;
myChart.setOption({
xAxis: {
data: pageData
},
series: [{
data: pageData
}]
});
});
});
</pre>