echarts繪制多條線


echarts成為我生活中不可或缺的一部分。直到它坑了我😒

項目上要畫多條線,用lines寫完了發現出不來東西,可這文檔翻遍都沒發現有啥錯誤

最后發現要在xAxisyAxis設置一個范圍把內容框起來才行,如果不加這個屬性,只能起點是[0,0]來畫多條線。

關鍵代碼

    xAxis: {
        min: 0,
        max: 100,
        show: false,
        type: 'value'
    },
    yAxis: {
        min: 0,
        max: 100,
        show: false,
        type: 'value'
    },

完整代碼

option = {
    xAxis: {
        min: 0,
        max: 100,
        show: false,
        type: 'value'
    },
    yAxis: {
        min: 0,
        max: 100,
        show: false,
        type: 'value'
    },
	        series: [
	          {
	            name: 'A',
	            type: 'lines',
	            coordinateSystem: 'cartesian2d',
	            z: 1,
                polyline: true ,
	            effect: {
	              show: true,
	              period: 4,
	              smooth: true,
	              trailLength: 0.2,
	              // symbol: 'arrow',
	              symbol: 'circle',
	              color: 'rgba(55,155,255,0.5)',
	              symbolSize: 20
	            },
	            data: [{
	              coords: [ 
	                [0, 0], // 起點
	                [50, 300], // 終點
	              ]
	            },
	            {
	              coords: [ 
	                [50, 0], // 起點
	                [0, 100], // 終點
	              ]
	            }
	            ]
	          }
	        ]
	      } 

實現效果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM