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官方配置项手册