echarts 折线图，柱状图集一体的tooltip自定义显示

又到了一波总结的时候了，今天我要总结的效果要这样，一个图里要有折线图，柱状图，然后还要有提示框，我这里面折线图和柱状图所代表的都是相同的数据，如果折线图和柱状图同时存在，那么提示框只取折线或柱状图里面的数据一种出来显示。最后我会提出gitHub地址

改造前.gif

改造后.gif

从上面我们可以看出来，改造后的样子满足了我们的需求。
代码如下

一些参数的说明:

tooltip:提示框组件
trigger: 'axis'设置这个后会有竖直的线出来
axisPointer: { type: 'line' }指示器类型
formatter: function (params) {return formatterTip(params);}//提示框自定义
legend:里面可以定义折线图上面那2排的颜色，显示的样子
color:定义了线条，柱状图的颜色，颜色值的顺序你要跟你上面的totalYearList存储的顺序要一直
grid:设置折线图距离上下左右的距离
containLabel:是否将纵坐标的值也纳入grid设置的里面计算
xAxis:这里面可以定义X轴
interval://设置每个相邻之间少XXXXX个数
rotate:文字旋转角度
series: 要显示的样例表，通过设置type等来控制是否显示图标，样式等。
showAllSymbol:示折线图上所有小标签

gitHub地址:https://github.com/caocao123/earchStudy02