Echarts的一些用法

一些特殊效果

series: [{
	...
	// 设置折线图下的渐变色
	areaStyle: {
    color: {
      type: 'linear',
      x: 0,
      y: 0,
      x2: 0,
      y2: 1,
      colorStops: [{
        offset: 0, color: 'rgba(54, 195, 255, 0.8)'
      }, {
        offset: 0.8, color: 'rgba(54, 195, 255, 0.1)'
      }]
    	}
    },
    smooth: true, // 变成光滑的曲线
    showSymbol: false // 鼠标悬浮时才显示折线图上的圆点
	}]
	xAxis, yAxis {
		boundaryGap: false, // 不给坐标轴两边留空隙，使得第一个数据与起点重合，最后一个数据与终点重合
		nameTextStyle: {} // 设置坐标轴上name的样式
	}
	tooltip：{

		formatter: function(params) { // 自定义hover时的显示样式
			return `<div>value = ${params.value}</div>`;
		},
		axisPointer: { // hover或者点击一列时显示一块阴影部分
			type:'shadow',
			shadowStyle: {
				color: 'rgba(54, 195, 255, 0.05)'
			}
		}
	},
	legend: {
		icon: 'rect' // 更换图例的形状
	}，
	color: ['#fff', '#afadfa'] // 自定义多种颜色