注意点:
写echarts代码时,注意格式,每个项的子项用‘,‘分隔,最后一项不需要。如符号不也会造成图形显示不出来。写时注意参照配置项。
如下orient的属性需要单引号,每个项需要逗号等。
legend: {
orient: 'vertical',
left:'right',
top:'bottom',
data:['pm2.5'],
textStyle: {
color: '#fff'
}
},
一、tooltip
提示框组件。
1、trigger :'axis' :提示X轴触发。无论移到哪个地方,以当前X轴的值 为准。
二、toolbox
工具栏。
1、 show: false :不显示工具栏,鼠标右击可显示
三、series
系列列表。每个系列通过 type
决定自己的图表类型
1、data: [90, 50, 39, 50, 120, 82, 80]
直角坐标系 (grid) 中『维度X』和『维度Y』会默认对应于 xAxis 和 yAxis。
这里只有一维,怎么回事,注意:特别地,当只有一个轴为类目轴(axis.type 为 'category'
)的时候,数据可以简化用一个一维数组表示
此时X轴设为类目轴,那上面的data代表:data:[[0,90],[1,50],[2,39],[3,50],[4,120],[5,82],[6,80]],基本前面一个数据与X轴一一对应