柱，线混合图，重叠柱图echarts 配置项内容和展示
重叠柱图，柱线混合图
配置项如下
option = {
"title": {
"text": "",
"x": "center",
"y": "center"
},
"grid": {
"top": "40px",
"bottom": 40,
"left": "20px",
"right": "20px",
"containLabel": true
},
"legend": [
{
"show": true,
"type": "scroll",
"bottom": 3,
"width": "76%",
"textStyle": {
"fontSize": 14,
"color": "rgba(8, 138, 213, 1)",
"fontFamily": "MicrosoftYaHei",
"fontWeight": 500
},
"pageIconColor": "#555555",
"pageIconInactiveColor": "rgba(8, 138, 213, 1)",
"pageTextStyle": {
"color": "rgba(8, 138, 213, 1)"
}
},
{
"show": true,
"type": "scroll",
"bottom": 3,
"width": "76%",
"textStyle": {
"fontSize": 14,
"color": "rgba(8, 138, 213, 1)",
"fontFamily": "MicrosoftYaHei",
"fontWeight": 500
},
"pageIconColor": "#555555",
"pageIconInactiveColor": "rgba(8, 138, 213, 1)",
"pageTextStyle": {
"color": "rgba(8, 138, 213, 1)"
}
},
{
"show": true,
"type": "scroll",
"bottom": 3,
"width": "76%",
"textStyle": {
"fontSize": 14,
"color": "rgba(8, 138, 213, 1)",
"fontFamily": "MicrosoftYaHei",
"fontWeight": 500
},
"pageIconColor": "#555555",
"pageIconInactiveColor": "rgba(8, 138, 213, 1)",
"pageTextStyle": {
"color": "rgba(8, 138, 213, 1)"
}
},
{
"show": true,
"type": "scroll",
"bottom": 3,
"width": "76%",
"textStyle": {
"fontSize": 14,
"color": "rgba(8, 138, 213, 1)",
"fontFamily": "MicrosoftYaHei",
"fontWeight": 500
},
"pageIconColor": "#555555",
"pageIconInactiveColor": "rgba(8, 138, 213, 1)",
"pageTextStyle": {
"color": "rgba(8, 138, 213, 1)"
}
}
],
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "shadow",
"textStyle": {
"color": "#fff"
}
},
"confine": true
},
"xAxis": {
"type": "category",
"axisLine": {
"lineStyle": {
"color": "rgba(110, 189, 228, 1)"
}
},
"splitLine": {
"show": false
},
"axisTick": {
"show": false
},
"splitArea": {
"show": false
},
"axisLabel": {
"color": "#088AD5",
"fontSize": 14,
"fontFamily": "MicrosoftYaHei",
"margin": 13
},
"data": [
202006,
202007,
202008,
202009,
202010,
202011,
202012,
202101,
202102,
202103,
202104,
202105,
202106
]
},
"yAxis": [
{
"type": "value",
"position": "left",
"nameTextStyle": {
"color": "rgba(110, 189, 228, 1)",
"fontSize": 14,
"fontFamily": "MicrosoftYaHei"
},
"axisLine": {
"show": true,
"lineStyle": {
"color": "rgba(110, 189, 228, 1)"
}
},
"splitLine": {
"show": false
},
"axisTick": {
"show": false
},
"splitArea": {
"show": false
},
"axisLabel": {
"color": "rgba(110, 189, 228, 1)",
"fontSize": 14,
"fontFamily": "MicrosoftYaHei",
"formatter": "{value}亿元"
}
},
{
"type": "value",
"position": "right",
"nameTextStyle": {
"color": "rgba(110, 189, 228, 1)",
"fontSize": 14,
"fontFamily": "MicrosoftYaHei"
},
"axisLine": {
"show": true,
"lineStyle": {
"color": "rgba(110, 189, 228, 1)"
}
},
"splitLine": {
"show": false
},
"axisTick": {
"show": false
},
"splitArea": {
"show": false
},
"axisLabel": {
"color": "rgba(110, 189, 228, 1)",
"fontSize": 14,
"fontFamily": "MicrosoftYaHei",
"formatter": "{value}%"
}
}
],
"series": [
{
"name": "政府性基金收入",
"type": "bar",
"data": [
{
"value": 77.61,
"unit": "亿元"
},
{
"value": 118.47,
"unit": "亿元"
},
{
"value": 9.12,
"unit": "亿元"
},
{
"value": 108.37,
"unit": "亿元"
},
{
"value": 10.29,
"unit": "亿元"
},
{
"value": 107.21,
"unit": "亿元"
},
{
"value": 20.13,
"unit": "亿元"
},
{
"value": 18.62,
"unit": "亿元"
},
{
"value": 95.99,
"unit": "亿元"
},
{
"value": 25.86,
"unit": "亿元"
},
{
"value": 59.31,
"unit": "亿元"
},
{
"value": 38.61,
"unit": "亿元"
},
{
"value": 34.76,
"unit": "亿元"
}
],
"yAxisIndex": 0,
"barMaxWidth": "60%",
"showBackground": true,
"backgroundStyle": {
"color": "rgba(28, 187, 210, 0.08)"
},
"animationDuration": 2000,
"label": {
"show": false,
"position": "top",
"textStyle": {
"color": "rgba(255, 255, 255, .9)"
},
"formatter": "亿元"
},
"barGap": "-92%"
},
{
"name": "政府性基金收入增速",
"type": "line",
"symbol": "circle",
"data": [
{
"value": 3.07,
"unit": "%"
},
{
"value": 11.52,
"unit": "%"
},
{
"value": 9.52,
"unit": "%"
},
{
"value": 10.66,
"unit": "%"
},
{
"value": 0.82,
"unit": "%"
},
{
"value": 9.52,
"unit": "%"
},
{
"value": 3.01,
"unit": "%"
},
{
"value": 11.97,
"unit": "%"
},
{
"value": 1.78,
"unit": "%"
},
{
"value": 9.43,
"unit": "%"
},
{
"value": 3.48,
"unit": "%"
},
{
"value": 4.86,
"unit": "%"
},
{
"value": 1.79,
"unit": "%"
}
],
"yAxisIndex": 1,
"z": 6,
"smooth": false,
"animationDuration": 2000,
"lineStyle": {
"width": 3,
"type": "solid",
"shadowBlur": 5,
"shadowOffsetY": 10
},
"label": {
"show": false,
"position": "top",
"textStyle": {
"color": "rgba(255, 255, 255, .9)"
},
"formatter": "%"
},
"itemStyle": {
"normal": {
"barBorderRadius": [
15,
15,
15,
15
]
}
}
},
{
"name": "土地出让金收入",
"type": "bar",
"data": [
{
"value": 78.08,
"unit": "亿元"
},
{
"value": 57.76,
"unit": "亿元"
},
{
"value": 59.59,
"unit": "亿元"
},
{
"value": 44.79,
"unit": "亿元"
},
{
"value": 18.21,
"unit": "亿元"
},
{
"value": 54.96,
"unit": "亿元"
},
{
"value": 21,
"unit": "亿元"
},
{
"value": 44.32,
"unit": "亿元"
},
{
"value": 86.3,
"unit": "亿元"
},
{
"value": 67.68,
"unit": "亿元"
},
{
"value": 93.48,
"unit": "亿元"
},
{
"value": 15.2,
"unit": "亿元"
},
{
"value": 19.89,
"unit": "亿元"
}
],
"yAxisIndex": 0,
"barMaxWidth": "50%",
"showBackground": "",
"backgroundStyle": {
"color": "rgba(28, 187, 210, 0.08)"
},
"animationDuration": 2000,
"label": {
"show": false,
"position": "top",
"textStyle": {
"color": "rgba(255, 255, 255, .9)"
},
"formatter": "亿元"
}
},
{
"name": "土地出让金收入增速",
"type": "line",
"symbol": "circle",
"data": [
{
"value": 1.44,
"unit": "%"
},
{
"value": 1.73,
"unit": "%"
},
{
"value": 9.84,
"unit": "%"
},
{
"value": 4.6,
"unit": "%"
},
{
"value": 0.14,
"unit": "%"
},
{
"value": 1.39,
"unit": "%"
},
{
"value": 3.46,
"unit": "%"
},
{
"value": 8.51,
"unit": "%"
},
{
"value": 6.97,
"unit": "%"
},
{
"value": 5.08,
"unit": "%"
},
{
"value": 2.33,
"unit": "%"
},
{
"value": 4.51,
"unit": "%"
},
{
"value": 7.61,
"unit": "%"
}
],
"yAxisIndex": 1,
"z": 6,
"smooth": false,
"animationDuration": 2000,
"lineStyle": {
"width": 3,
"type": "solid",
"shadowBlur": 5,
"shadowOffsetY": 10
},
"label": {
"show": false,
"position": "top",
"textStyle": {
"color": "rgba(255, 255, 255, .9)"
},
"formatter": "%"
},
"itemStyle": {
"normal": {
"barBorderRadius": [
15,
15,
15,
15
]
}
}
}
]
}
截图如下
