echarts 曲线面积对比图
程序员文章站
2022-04-22 08:25:17
...
<div echarts [options]="option" class="echarts" id="main"></div>
option = {
/!*title: {
text: '数据对比',
// subtext: '纯属虚构'
},*!/
tooltip: {
trigger: 'axis'
},
legend: {
data: ['本月', '上月']
},
toolbox: {
show: true,
},
calculable: true,
xAxis: [
{
type: 'category',
boundaryGap: false,
// data : ['1','2','3','4','5','6','7','8','9','10'],
// show: false
}
],
yAxis: [
{
type: 'value',
// show: false
}
],
series: [
{
name: '本月',
type: 'line',
smooth: true,
itemStyle: {normal: {areaStyle: {type: 'default'}}},
data: this.data[0].current
},
{
name: '上月',
type: 'line',
smooth: true,
itemStyle: {normal: {areaStyle: {type: 'default'}}},
data: this.data[1].pre
},
]
};