var allData = resultsData.data;
// X轴数组
var xArray = [];
// Y轴数组
var yArray = [];
//listData
var listData = [];
// 基于准备好的dom,初始化echarts实例
for(var i=0;i<allData.length;i++){
if(xArray.indexOf(allData[i].region)<0){
xArray.push(allData[i].region);
}
if(yArray.indexOf(allData[i].education)<0){
yArray.push(allData[i].education);
}
}
var projectAreaLengend = yArray;
var projectAreaStaticsYAxis = xArray;
for(var i=0;i<projectAreaLengend.length;i++){
var obj = new Object();
var data = [];
var colorList=['#0057e7','#0bde5b','#3ec8ef','#fcbb43'];
for(var j=0;j<allData.length;j++){
if(allData[j].education &
echarts多层柱状图
最新推荐文章于 2024-08-27 12:00:00 发布
这篇博客介绍了如何利用echarts库来实现多层柱状图的展示。通过设置xAxisIndex、height、start、end等属性,以及handleIcon、handleSize、handleStyle和textStyle等样式,可以定制化地创建具有滑块交互功能的柱状图。示例代码中展示了两种不同高度的柱状图层,并提供了数据源projectAreaData。
摘要由CSDN通过智能技术生成