echarts折线图

echarts折状图

图表实例

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',  // 设置图表类型为折线图
    }]
};

图表主要属性

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

折线图的基本框架与柱状图基本相同：

option = {

    xAxis: {},

    yAxis: {},

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

};

只要设置好这三个属性，并且将系列中的type设值为**‘line’**，一个最简单的折线图就可以完成。

其他需要对图表细节方面进行设置的，可以查看echarts官方配置项手册

柱状图series属性</