Echarts之曲線markline使用，圖表畫框及標注

有時候，我們需要在echarts生成的圖表上畫出指定區域並標注。

圖例：

 

 主要使用到的屬性為markLine，主要思想是兩點連線集合，填充markline的data屬性。

上菜：

　　var coordEntity1 = {};var coordEntity2 = {}; //定義markline的屬性對象

　　每個coordEntity代表一個坐標點，並且可對坐標點命名和位置定義，

　　如：coordEntity1.name = ('花田錯'); coordEntity1.lable = 'end'; //start,middle,end位置

　　並且coordEntity可對顏色進行處理，屬性lineStyle，

　　如：coordEntity1.lineStyle = { lineStyle.color = "red" }；

　　接下來可以對coordEntity的coord屬性賦值，coord屬性即為坐標點的數據

　　如：coordEntity1.coord = [X坐標值,Y坐標值];

　　定義標線數組allData，一條線需要起始點坐標和終點坐標，coordEntity填充allData

　　如：allData.push([coordEntity1,coordEntity2]);

　　最后填充markline的data

　　如：option.series[0].markLine.data = allData;

 

　　評價只許說一個字：完美！！