demo折线图相关echarts shadow' } }, xAxis: { data:xAxisData, }, visualMap: [ { show: false, pieces: [{ lte: 44, //小于等于 color: 'yellow' }, { gt: 44, //大于3 小于等于6 lte: 99, color: 'red' }, { gt: 99, //大于6 color: 'blue' }], seriesIndex: 0 //0表示第一条线 第二条线依次累加 } ], yAxis: { }, series: [{ type: 'line配置项内容和展示

      var colorArr = ["#f6ab32", "#f57e46", "#e35857", "#ac58c2", "#4eb468", "#51c4d0", "#5aabe6", "#6f7fe7"],
colorArr = ['#1785ef','#2cb7ff','#fe9f2e','#ffc426','#f36119','#7c3ce6','#e63c90'];

var $data = [{
        name:'name1',
        value:'122',
    },{
        name:'name2',
        value:'99'
    },{
        name:'name3',
        value:'22'
    },{
        name:'name4',
        value:'88'
    },{
        name:'name5',
        value:'44'
    },{
        name:'name6',
        value:'33'
    },{
        name:'name7',
        value:'11'
}]
var xAxisData = [];
var seriesData = [];
for(var i=0;i<$data.length;i++){
    xAxisData.push($data[i].name)
    seriesData.push($data[i].value)
}
option = {
    backgroundColor:'#fff',
    legend: {
        data: ['第一测试','第er测试','整体'],
    },
   tooltip: {
        trigger: 'axis',//鼠标滑过显示阴影和数据等
        axisPointer: {
            type: 'shadow'
        }
    },
    xAxis: {
        data:xAxisData,
        
	    
    },
          visualMap: [
         {
                show: false,
                pieces: [{
                    lte: 44,    //小于等于
                    color: 'yellow'  
                }, {
                    gt: 44,   //大于3 小于等于6
                    lte: 99,
                    color: 'red'
                }, {
                    gt: 99,  //大于6
                    color: 'blue'
                }],
                seriesIndex: 0  //0表示第一条线 第二条线依次累加
            }
         
         ],
    yAxis: {
  
    },
    series: [{
        type: 'line',
                    symbol: 'circle',
            symbolSize: 13,

        name:'第一测试',
       label: {
			normal: {
			    show: true
			}
		},
// 		itemStyle:{
// 	            normal:{
// 	                barBorderRadius: [5, 5, 0, 0],//圆角
// 	            }
// 	        },
	        
		
        data:seriesData,

    },
    ]
};