echarts双柱_ECharts · Example

option

option = {

title : {

text: '双数值柱形图',

subtext: '纯属虚构'

},

tooltip : {

trigger: 'axis',

axisPointer:{

show: true,

type : 'cross',

lineStyle: {

type : 'dashed',

width : 1

}

},

formatter : function (params) {

return params.seriesName + ' : [ '

+ params.value[0] + ', '

+ params.value[1] + ' ]';

}

},

legend: {

data:['数据1','数据2']

},

toolbox: {

show : true,

feature : {

mark : {show: true},

dataView : {show: true, readOnly: false},

magicType : {show: true, type: ['line', 'bar']},

restore : {show: true},

saveAsImage : {show: true}

}

},

calculable : true,

xAxis : [

{

type : 'value'

}

],

yAxis : [

{

type : 'value',

axisLine: {

lineStyle: {

color: '#dc143c'

}

}

}

],

series : [

{

name:'数据1',

type:'bar',

data:[

[1.5, 10], [5, 7], [8, 8], [12, 6], [11, 12], [16, 9], [14, 6], [17, 4], [19, 9]

],

markPoint : {

data : [

// 纵轴,默认

{type : 'max', name: '最大值',symbol: 'emptyCircle', itemStyle:{normal:{color:'#dc143c',label:{position:'top'}}}},

{type : 'min', name: '最小值',symbol: 'emptyCircle', itemStyle:{normal:{color:'#dc143c',label:{position:'bottom'}}}},

// 横轴

{type : 'max', name: '最大值', valueIndex: 0, symbol: 'emptyCircle', itemStyle:{normal:{color:'#1e90ff',label:{position:'right'}}}},

{type : 'min', name: '最小值', valueIndex: 0, symbol: 'emptyCircle', itemStyle:{normal:{color:'#1e90ff',label:{position:'left'}}}}

]

},

markLine : {

data : [

// 纵轴,默认

{type : 'max', name: '最大值', itemStyle:{normal:{color:'#dc143c'}}},

{type : 'min', name: '最小值', itemStyle:{normal:{color:'#dc143c'}}},

{type : 'average', name : '平均值', itemStyle:{normal:{color:'#dc143c'}}},

// 横轴

{type : 'max', name: '最大值', valueIndex: 0, itemStyle:{normal:{color:'#1e90ff'}}},

{type : 'min', name: '最小值', valueIndex: 0, itemStyle:{normal:{color:'#1e90ff'}}},

{type : 'average', name : '平均值', valueIndex: 0, itemStyle:{normal:{color:'#1e90ff'}}}

]

}

},

{

name:'数据2',

type:'bar',

barHeight:10,

data:[

[1, 2], [2, 3], [4, 4], [7, 5], [11, 11], [18, 15]

]

}

]

};

相关资源:echarts2.2.7 demo
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页