版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
tooltip: {
show: true
},
//右上角工具栏
toolbox: {show : true, feature : {
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
saveAsImage : {show: true}
}
},
// 图例
legend: {
x:'right', //靠右
data:['销量','销量1'] //这里要与下面的name对应
},
xAxis : [
{
type : 'category',
data : ["A","B","C","D","E","F"]
}
],
yAxis : [
{
type : 'value'
splitLine: { // 控制Y轴的分隔线(辅助线)
show: false, // 默认显示,属性show控制显示与否
lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
color: ['#ccc'],
width: 1,
type: 'solid'
}
},
}
],
series : [
{
"name":"销量",
"type":"bar",
"barGap":'5%', //两个柱子距离
itemStyle:{
normal:{color:'#ab78ba', //柱状颜色
label : {
show : true, //柱头数字
position : 'top',
textStyle : {
fontSize : '