ECharts 入门柱状图echarts 柱状配置项内容和展示

ECharts 入门柱状图

配置项如下
      var myChart = echarts.init(document.getElementById('chart-panel'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: 'ECharts 入门柱状图'
    },
    tooltip: {},
    legend: {
        data: ['销量']
    },
    xAxis: {
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};

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