培森的Blog Echarts 分组, Echart X/Y轴 分组, Echart 分组实现

Echarts 分组, Echart X/Y轴 分组, Echart 分组实现

myChart.setOption(option = { title :&nbs…

image.png

		myChart.setOption(option = {
			title : {
				text : '净资产收益率(%)',
				x : 'center'
			},
			color : [ '#3e6591', '#eb7d22', '#d73f45' ],
			tooltip : {
				trigger : 'axis',
				axisPointer : { // 坐标轴指示器,坐标轴触发有效
					type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
				}
			},
			grid : {
				left : 250
			},
			xAxis : {
				axisLine : {
					lineStyle : {
						color : '#ccc'
					}
				},
				axisLabel : {
					textStyle : {
						color : '#777'
					}
				}
			},
			yAxis : [ {
				type : 'category',
				inverse : true,
				splitLine : {
					show : true
				},
				axisTick : {
					length : 100,
					lineStyle : {
						color : '#ccc'
					}
				},
				data : [ '最近第1年', '最近第2年', '最近第3年', '最近第1年', '最近第2年', '最近第3年', '最近第1年', '最近第2年', '最近第3年', '最近第1年', '最近第2年', '最近第3年' ]
			}, {
				nameLocation : 'start',
				nameTextStyle : {
					fontWeight : 'bold'
				},
				position : 'left',
				offset : 220,
				axisLine : {
					onZero : false,
					show : false
				},
				axisTick : {
					length : 100,
					inside : true,
					lineStyle : {
						color : '#ccc'
					}
				},
				axisLabel : {
					inside : true
				},
				inverse : true,
				data : [ '国网', '唯捷城配', '快狗速运', '驹马配送' ]
			} ],
			series : [ {
				name : "武侯",
				type : 'bar',
				data : [ 10, 9, 8, 2, 1, 1, 2, 1, 1, 2, 1, 1 ],
				label : {
					normal : {
						show : true,
						position : 'right',
						textStyle : {
							color : '#008000'
						}
					}
				}
			}, {
				name : "锦江",
				type : 'bar',
				data : [ 10, 9, 8, 2, 1, 1, 2, 1, 1, 2, 1, 1 ],
				label : {
					normal : {
						show : true,
						position : 'right',
						textStyle : {
							color : '#FFA500'
						}
					}
				}
			} ]
		});
本文来自网络,不代表培森的Blog立场,转载请注明出处:https://blog.xupeisen.com/archives/126

作者: 培森

联系我们

联系我们

13262951234

在线咨询: QQ交谈

邮箱: admin@xupeisen.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部