echarts柱状图

我想让这个柱状图横着显示，但是改完代码以后收据都不太对了，是哪里改的有问题吗

是代码的问题，需要重新跑一下

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7628781
• 这篇博客也不错, 你可以看下echarts自定义柱状图图形渲染，坐标轴指示器吸附在柱状图中间而不是最左侧
• 除此之外, 这篇博客: echarts柱状图与环形饼状图配置，且图例展示为标题+数据中的 环形饼状图，环形中间显示图片 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  setEchars() {
  	var myChart = echarts.init(document.getElementById("qiye-echarts"));
  	var data=[{
  	    value: 484,
  		  name: '租赁'
  			},{
  			value: 300,
  			name: '闲置'
  			},{
  			value: 580,
  			name: '自有'
  			}]
  	option = {
  		graphic: { //环形饼图中间添加图片
  		type: "image",
  		style: {//图片样式
  			image: 'images/icon/house.png',
  			width: 80,
  			height: 80,
  			},
  			left: '20%', //图片位置
  			top: '22%',
  		},
  		tooltip: {
  			trigger: 'item'
  		},
  		legend: {//图例
  			top: '20%',
  			right: '10%',
  			orient: 'vertical',//图例垂直展示，水平展示则删掉此行代码
  			textStyle:{ //图例文字样式
  				color: '#ffffff',
  				fontSize: '18',
  			},
  			icon:'circle', //图例形状，此处用圆点展示，默认为矩形
  			itemGap:26,//图例间隔
  			formatter:function(name){//循环数组，图例展示为名称：数据的形式
  				var target;
  				for (var i = 0; i < data.length; i++) {
  					if(data[i].name === name){
  						target = name+"："+data[i].value;
  						}
  					}
  					return target;
  				}
  			},
  			series: [{
  				type: 'pie',//饼图
  				radius: ['40%', '50%'],//内外圆的半径，用于调整圆环宽度
  				center:['30%','35%'],//饼图距离容器上下左右边界的调整
  				avoidLabelOverlap: false,
  				itemStyle: {
  					borderRadius: 10,
  					borderColor: '#073370',
  					borderWidth: 5
  				},
  				label: {//标签
  					show: false,
  					position: 'left'
  				},
  				emphasis: {//鼠标移入时的标签样式
  					label: {
  						show: false,
  						fontSize: '16',
  						fontWeight: 'bold'
  					}
  				},
  				labelLine: {
  					show: false
  				},
  				data: data,
  				color: ['#DE2C2C', '#E38402', '#03F1FE'],//自定义饼图颜色，顺序为顺时针
  			}]
  		};
  		myChart.setOption(option, true);
  	},
  

  效果图
  

• 您还可以看一下 汤小洋老师的【实战】ECharts数据可视化之疫情实时监控展示课程中的 使用Ajax轮询自动获取数据小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^