回答：<!DOCTYPE html><html lang="zh-CN" style="height: 100%"><head> <meta charset="utf-8">head><body style="height: 100%; margin: 0"> <div id="container" style="height: 100%">div> <script type="text/javascript" src="js/echarts.min.js">script> <script type="text/javascript"> var dom = document.getElementById('container'); var myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false }); var app = {}; var option; option = { title: { text: 'Waterfall Chart',//主标题文本超链接 subtext: 'Living Expenses in Shenzhen'//副标题文本超链接。 }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow'//指示器类型 阴影指示器 }, formatter: function (params) { var tar = params; return tar.name + '' + tar.seriesName + ' : ' + tar.value; } }, grid: { left: '3%',//grid 组件离容器左侧的距离。 right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'category', splitLine: { show: false }, data: }, yAxis: { show: false // type: 'value' } , series: ; return colorList; } }, emphasis: { itemStyle: { borderColor: 'transparent', color: 'transparent' } }, data: }, { name: 'Life Cost', type: 'bar', stack: 'Total', label: { show: true, position: 'inside', color: 'black', // 黑色 fontWeight: 'bold', textStyle: { width: 70, // 设置宽度 height: 30 // 设置高度 }, backgroundColor: 'rgba(9,255,6,255)',// 设置为黑色半透明背景 // backgroundColor : function(params){ // var colorList =; // return colorList; // } // rich: { // width:'50%', // height:'50%',}, }, itemStyle: { borderRadius: ,// 设置圆角 color: function (params) { var colorList = ; return colorList; }, }, borderColor: 'red', data: } } ] } if(option && typeof option === 'object'){ myChart.setOption(option); } window.addEventListener('resize', myChart.resize); script>body>html>
