ECharts官方文档及常用组件 柱状图联动
导入js包
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="echarts.js"></script>
</head>
图片大小和宽度
<div id="main" style="width: 900px; height: 600px"></div>
题目居中
title:{
show:true,
text:'销售经理能力对比分析',
textStyle: mytextStyle,
left:'center',
},
每组数据中三个柱状图
legend:{
data: ['王斌', '刘倩','袁波'],
itemGap: 5,
left:'left',
top:'25'
},
x轴与y轴
xAxis:[
{
type: 'category',
data:['销售','沟通','服务','协作','培训','组织']
}
],
yAxis:[
{
type: &