echarts柱状图

echarts柱状图

图表实例

option = {

    xAxis: {
		name: '横坐标',
        type: 'category',  // 设置为类目轴
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']  // 横坐标的刻度标签
    },

    yAxis: {
		name: '纵坐标',
        type: 'value'  // 设置为数值轴，该值有series的data传入
    },

    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],  // 设置y轴的数值
        type: 'bar'  // 指定图表的类型
    }]

};

图表主要属性

echarts直角坐标系下的柱状图最主要的属性是xAxis、 yAxis、 series，分别代表x轴、y轴、系列。

柱状图的基本框架：

option = {

    xAxis: {},

    yAxis: {},

    series: [{
		type:'bar',
	}]

};

只要设置好这三个属性，并且将系列中的type设值为**‘bar’**，一个最简单的柱状图就