echarts使用示例

柱状图+折线图

折柱混合：https://echarts.apache.org/examples/zh/editor.html?c=mix-line-bar

option = {title:{show: true},tooltip: {trigger: 'axis',axisPointer: {type: 'cross',crossStyle: {color: '#999'}}},toolbox: {feature: {dataView: { show: true, readOnly: false },magicType: { show: true, type: ['line', 'bar'] },restore: { show: true },saveAsImage: { show: true }}},legend: {data: ['60周岁及以上人口', '60周岁及以上人口比重']},xAxis: [{type: 'category',data: ['2019', '2020', '2021', '2022', '2023'],axisPointer: {type: 'shadow'}}],yAxis: [{type: 'value',name: '万人',min: 22000,max: 30000,interval: 1000},{type: 'value',name: '%',min: 12,max: 25,interval: 1,splitLine:false}],series: [{name: '60周岁及以上人口',type: 'bar',data: [25388, 26402, 26736, 28004, 29697],itemStyle : { normal: {label : {show: true}}},barWidth: '35%',},{name: '60周岁及以上人口比重',type: 'line',yAxisIndex: 1,data: [18.1, 18.7, 18.9, 19.8, 21.1],itemStyle : { normal: {label : {show: true}}},}]
};