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",&