echarts双列柱状图

以下是使用Echarts制作双列柱状图的示例代码：

// 引入 ECharts 主模块
var echarts = require('echarts/lib/echarts');

// 引入柱状图
require('echarts/lib/chart/bar');

// 引入提示框和标题组件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');

// 初始化图表
var myChart = echarts.init(document.getElementById('main'));

// 配置项
var option = {
    title: {
        text: '双列柱状图'
    },
    tooltip: {},
    legend: {
        data:['销量', '利润']
    },
    xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    yAxis: [
        {
            name: '销量',
            type: 'value'
        },
        {
            name: '利润',
            type: 'value'
        }
    ],
    series: [
        {
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        },
        {
            name: '利润',
            type: 'bar',
            yAxisIndex: 1,
            data: [2, 10, 18, 4, 4, 8]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

以上代码中，我们使用了Echarts的柱状图（bar）和提示框（tooltip）和标题组件（title）。其中，xAxis表示x轴数据，yAxis表示y轴数据，series表示数据系列。在yAxis中，我们使用了两个y轴，分别表示销量和利润。在series中，我们使用了两个数据系列，分别表示销量和利润。通过设置yAxisIndex属性，我们将利润数据系列绑定到第二个y轴上。