Echarts---實現平滑的折線圖

Echarts2.0版本

正常咱們設置的折線圖，通常都是線性的，在series中設置折線數據的時候，能夠設置smooth:true 去設置當前的折線爲平滑折線。

 

option = {
        tooltip : {
            trigger: 'axis'
        },
        grid: {
            left: 30,
            right:20,
            top:30,
            bottom:30

        },
        legend: {
           /* y: 'bottom',*/
           x:"right",
            data:['黃巖區','路橋區','渡江區'],
            textStyle:{    //圖例文字的樣式
                color:'#194296',
                fontSize:12
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                axisLabel: {
                    color: "#194296"  //刻度線標籤顏色
                },
                boundaryGap : false,
                data : ['0','4','8','12','16','20']
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitLine:false,
                axisLabel: {
                    color: "#194296"  //刻度線標籤顏色
                },

                /*data : ['0','20','40','60','80','100']*/
            }
        ],
        series : [
            {
                name:'黃巖區',
                type:'line',
                color:'#d5d073',
                smooth:true,//設置折線圖平滑
                data:[20, 40, 70, 50, 40, 80]
            },
            {
                name:'路橋區',
                type:'line',
                smooth:true,//設置折線圖平滑
                data:[24, 48, 65, 50, 46,  85]
            },
            {
                name:'渡江區',
                type:'line',
                smooth:true,//設置折線圖平滑
                data:[30, 42, 56, 60, 50, 90]
            }
        ]
    };

效果圖以下：

 

symbol:'none', //這句就是去掉點的