YLiu77的博客

1.安装并引入echarts-liquidfillnpm install echarts-liquidfill // 安装import 'echarts-liquidfill' // 组件引入

通过后台返回的数组，根据数组新建多个节点，并对每个节点绘制echarts图表，这里是模拟罐高进度的效果。先上效果图：代码如下：// 图表绘制function showTank() { for (var i = 0; i < dataList.length; i++) { loadChart("tankChart" + i, dataList[i]) } } function loadChart(id, res)

通过获取父节点的宽高来设置echarts容器的宽高，适用于图表切换显示与隐藏时用var chart_preHist = echarts.init(document.getElementById('chart_preHist'));var mWidth = $("#preHist").width(); // 获取父节点宽高var mHeight = $("#preHist").height();chart_preHist.resize({width:mWidth, height:mHeight}

先上效果图：js代码：// 图标坐标，预先调好每个点的坐标 var nodes = [{ x: 100, y: 950, nodeName: '', svgPath: './Images/tank.png', symbolSize: 80, position: 'inside' }, { x: 300, y: 950, nodeName: '', svgPath: './Images/tank.png',