如何將自定義的圖畫適配于echart,鏈接:echart 自定義 SVG 圖各部分的對應(yīng)關(guān)系
我們隨意在AI中畫幾個圖形:
上面三個是用多邊形工具畫出來的規(guī)則圖形迎瞧,左下角是用畫筆工具畫出來的封閉式不規(guī)則圖形,右下角是用曲率工具畫的開放式未封閉不規(guī)則圖形咪啡,并將他們保存為SVG格式
我們看SVG代碼慎王,如果是橢圓則顯示標簽 ellipse
如果是用畫筆工具畫出來的封閉式不規(guī)則圖形和用曲率工具畫的開放式未封閉不規(guī)則圖形,標簽則為 path
這樣的話我們就可以利用 echart 自定義 SVG 圖各部分的對應(yīng)關(guān)系 一文中所說的標簽 path
(亦或是 ellipse
等其他標簽)中屬性 name
與數(shù)值(數(shù)據(jù))之間的對應(yīng)關(guān)系肖粮,綁定數(shù)值破讨,就可以展示自定義熱圖