建站
咨詢
售后
建站咨詢
新聞中心
您可以使用 ECharts 線圖的 effect 屬性來(lái)貴線特效進(jìn)行配置，可以參考示例 模擬遷徙 和 北京公交路線。
成都創(chuàng)新互聯(lián)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)，成都品牌網(wǎng)站建設(shè)，廣告投放平臺(tái)等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作，10年的網(wǎng)站開(kāi)發(fā)和建站經(jīng)驗(yàn),助力企業(yè)信息化建設(shè)，成功案例突破上千多家,是您實(shí)現(xiàn)網(wǎng)站建設(shè)的好選擇.
注意： 所有帶有尾跡特效的圖表需要單獨(dú)放在一個(gè)層，也就是需要單獨(dú)設(shè)置 zlevel，同時(shí)建議關(guān)閉該層的動(dòng)畫(huà)（animation: false）。不然位于同個(gè)層的其它系列的圖形，和動(dòng)畫(huà)的標(biāo)簽也會(huì)產(chǎn)生不必要的殘影。
特效屬性
show是否顯示特效，默認(rèn)為 false，即不顯示。
period特效動(dòng)畫(huà)的時(shí)間，單位為 s，默認(rèn)為 4s。
delay特效動(dòng)畫(huà)的延時(shí)，支持設(shè)置成數(shù)字或者回調(diào)，單位：ms。
constantSpeed配置特效圖形的移動(dòng)動(dòng)畫(huà)是否是固定速度，單位像素/秒，設(shè)置為大于 0 的值后會(huì)忽略 period 配置項(xiàng)。
symbol特效圖形的標(biāo)記。
ECharts 提供的標(biāo)記類型包括 'circle（默認(rèn)）', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
也可以通過(guò) 'image://url' 設(shè)置為圖片，其中 url 為圖片的鏈接，或者 dataURI。
可以通過(guò) 'path://' 將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊，而且可以設(shè)置為任意顏色。路徑圖形會(huì)自適應(yīng)調(diào)整為合適的大小。路徑的格式參見(jiàn) SVG PathData?？梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
上面示例中就是使用自定義 path 的 symbol 表現(xiàn)飛機(jī)的圖形。
Tip: symbol 的角度會(huì)隨著軌跡的切線變化，如果使用自定義 path 的 symbol，需要保證 path 圖形的朝向是朝上的，這樣在 symbol 沿著軌跡運(yùn)動(dòng)的時(shí)候可以保證圖形始終朝著運(yùn)動(dòng)的方向。
symbolSize特效標(biāo)記的大小，可以設(shè)置成諸如 10 這樣單一的數(shù)字（默認(rèn)為 3），也可以用數(shù)組分開(kāi)表示高和寬，例如 [20, 10] 表示標(biāo)記寬為20，高為10。
color特效標(biāo)記的顏色。
trailLength特效尾跡的長(zhǎng)度。取從 0 到 1 的值，默認(rèn)為 0.2，數(shù)值越大尾跡越長(zhǎng)。
loop是否循環(huán)顯示特效，默認(rèn)為 true。
當(dāng)前文章：創(chuàng)新互聯(lián)ECharts教程：如何設(shè)置ECharts線圖的特效
鏈接URL：http://m.fisionsoft.com.cn/article/dpspdoj.html
