echarts按照时间显示柱状图_echarts时间轴和柱型图的结合

1 var all = {"data":[[1,1.5,0.5,1],[1,2,1.5,2],[3.5,3,2,3],[3,4,3.5,4.5],[4,6,4.5,5.5],[5.5,7,6,7.5],[6.5,7.5,6.5,7.5],[7,8.5,7.5,9],[9,9.5,9,9.5]],"provinces":["健康","意外","人寿","财险"],"years":["风险指数1","风险指数2","风险指数3","风险指数4","风险指数5","风险指数6","风险指数7","风险指数8","风险指数9"]};2 var optionFour ={3 timeline: {4 show:false,5 axisType: 'category',6 autoPlay: false,7 controlStyle:'none', //隐藏自动播放的按钮

8 symbol: 'emptyCircle',9 symbolSize:8,10 bottom:-20,11 left:'15%',12 right:'15%',13 itemStyle: {14 normal: {15 color: '#F68989', //圆点的颜色

16 borderWidth:1

17 }18 },19 checkpointStyle:{20 color:'#fff',21 borderWidth:7,22 borderColor:'#fdd68a',23 },24 lineStyle:{25 color:'transparent', //线的颜色

26 width:1,//线的宽度

27 },28 data: al