今日工作中需要实现折线图的简图，就是只看个大概趋势不展示具体坐标，查阅了文档记录一下。

initCharts(_id, _name, yAxisData, _unit){if(this[_id]) this[_id].clear();this[_id] = $echarts.init(document.getElementById(_id));const options = {grid: {//位置left: '6%',right: 0,bottom: 20,top: 10,containLabel: true//是否包含坐标值},xAxis: [{type: 'time',axisLabel: {//坐标轴刻度标签show: false},axisLine: {//坐标轴轴线show: false},axisTick: {//坐标轴刻度show: false}}],yAxis: [{type: 'value',splitLine: {//坐标轴在grid区域中的分割线show: false},axisLabel: {//坐标轴刻度标签show: false},}],series: [{type: 'line',name: _name,smooth: true,//是否平滑曲线symbol: 'none',//标记的图形，去掉默认的小圆点标识data: yAxisData,lineStyle: {//线条颜色color: '#ffffff'},areaStyle: {//填充区域渐变色color: new $echarts.graphic.LinearGradient(0,0,0,1,[{offset: 0,color: 'rgba(255, 255, 255, 0.5)'},{offset: 1,color: 'rgba(255, 255, 255, 0)'}])}}]}//将实例属性清空，为了解决图表还未渲染时切换页面，再切回来时图表不渲染问题document.getElementById(_id).setAttribute('_echarts_instance_', '');this[_id].setOption(option);
}