ECharts修改timeline的圖標（symbol）爲加號

如上圖所示，要把timeline的圖標變爲加號的形式，咱們先來看一下官方文檔上，替換symbol的描述：

timeline.symbol string
[ default: 'emptyCircle' ]
timeline標記的圖形。

ECharts 提供的標記類型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'

也能夠經過 'image://url' 設置爲圖片，其中 url 爲圖片的連接，或者 dataURI。

能夠經過 'path://' 將圖標設置爲任意的矢量路徑。這種方式相比於使用圖片的方式，不用擔憂由於縮放而產生鋸齒或模糊，並且能夠設置爲任意顏色。路徑圖形會自適應調整爲合適的大小。路徑的格式參見 SVG PathData。能夠從 Adobe Illustrator 等工具編輯導出。

ECharts的默認標記類型是沒有加號的，爲此咱們須要用svg的path來替換。

path建議使用阿里的iconfont圖標庫，網址：

http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

在圖標庫中，咱們能夠選擇對應的加號圖標，下載svg格式，以下：

    

用編輯器，如sublime打開svg文件：

複製path中d的值，將值賦值給symbol，以下：

運行echarts，就會發現timeline的圖標已經變爲加號了。