简单记录下echarts定制化柱状图的开发,省的以后还要去翻配置项,以下代码echarts官网均可直接运行
javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'pictorialBar',
symbol:'rect',
symbolMargin:'2',
symbolSize:[30,5],
symbolRepeat:true,
barWidth:42,
symbolClip:true
},
{
color:'transparent',
type:'bar',
barWidth:46,
barGap:'-100%',
itemStyle:{
borderColor:'green'
},
data:[130, 210, 160, 90, 80, 120, 140]
}
]
};