echarts象形柱多柱子 ECharts象形柱

echarts象形柱多柱子

echarts象形柱多柱子是一种常用的图表，它可以帮助我们快速地比较不同数据集之间的差异。它可以用来展示多个数据集之间的关系，并且可以很容易地看出哪些数据集之间有明显的差异。

echarts象形柱多柱子图表是一种非常有用的图表，它可以帮助我们快速地分析不同数据集之间的关系。它可以用来展示多个数据集之间的关系，并且可以很容易地看出哪些数据集之间有明显的差异。

var myChart = echarts.init(document.getElementById('main'));
var option = {
    title: {
        text: 'ECharts 象形柱多柱子'
    },
    tooltip : {},  // 提示信息配置 
    legend: {  // 图例配置 
        data:['销量']  // 图例名字 
    },  

    xAxis : [   // x轴配置 
        {   // 第一个x轴配置 

            type : 'category',   // 类目轴，适用于离散的数据，为该轴上的 data 提供 name 值作为分割标记文本

            data : ['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']   // x 轴上要展示的内容

        }  

    ],  

    yAxis : [   // y 轴配置 

        {   // 第一个y 轴 配置 

            type : 'value'   // 数值轴，适用于连续数据。

        }  

    ],  

    series : [{     // series 配置, 根据 legend 的 data 项来写对应 series 的 name 和 type 值即可 

        name:'销量',     // series 名字, 必要时也会作为图例文字使用 

        type:'bar',      // series 的图表形式, bar 条形图, line 折线图, pie 饼图... 

        data:[5, 20, 36, 10, 10, 20]     // series 数值列表 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 , 这里要注意 xAxis.data 的对应关心 . 

    }]    
};    														// 最后将 option 配置传递到 echarts 回执中去就可以了 . 
myChart.setOption(option);      

ECharts象形柱图