echarts双向柱状图加百分比折线

可以使用echarts中的双向柱状图和折线图来实现这个需求。具体步骤如下：
1. 首先需要引入echarts库和相关的js文件。
2. 创建一个div容器，设置宽度和高度。
3. 初始化echarts实例，将div容器传入。
4. 设置echarts实例的option，包括x轴、y轴、柱状图和折线图的数据等。
5. 调用echarts实例的setOption方法，将option传入。
6. 最后将echarts实例渲染到页面上。

下面是一个示例代码，实现了双向柱状图加百分比折线的效果：

// 引入echarts库和相关的js文件
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/dataTool.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/bmap.min.js"></script>

// 创建一个div容器，设置宽度和高度
<div id="chart" style="width: 800px; height: 600px;"></div>

// 初始化echarts实例，将div容器传入
var myChart = echarts.init(document.getElementById('chart'));

// 设置echarts实例的option，包括x轴、y轴、柱状图和折线图的数据等
var option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    legend: {
        data: ['销售量', '百分比'],
        textStyle: {
            color: '#333'
        }
    },
    xAxis: [
        {
            type: 'category',
            data: ['1月', '2月', '3月', '4月', '5月', '6月'],
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                color: '#333'
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '销售量',
            min: 0,
            max: 250,
            interval: 50,
            axisLabel: {
                formatter: '{value} 万',
                color: '#333'
            }
        },
        {
            type: 'value',
            name: '百分比',
            min: 0,
            max: 100,
            interval: 20,
            axisLabel: {
                formatter: '{value} %',
                color: '#333'
            }
        }
    ],
    series: [
        {
            name: '销售量',
            type: 'bar',
            data: [50, 80, 120, 150, 200, 220],
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 0, color: '#00ffe8'},
                            {offset: 0.5, color: '#00a2ff'},
                            {offset: 1, color: '#0033ff'}
                        ]
                    )
                }
            }
        },
        {
            name: '百分比',
            type: 'line',
            yAxisIndex: 1,
            data: [20, 30, 40, 50, 60, 70],
            itemStyle: {
                normal: {
                    color: '#ff9900'
                }
            }
        }
    ]
};

// 调用echarts实例的setOption方法，将option传入
myChart.setOption(option);

// 最后将echarts实例渲染到页面上