如何從本地圖像對象顯示高圖系列線標記符號？

Question

我想在Highcharts中獲得一些自定義符號。我目前遵循的規格：

marker: { 
    symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)' 
} 

但是，這需要一個網絡調用，我試圖避免通過預先緩存圖像。我在加載圖表之前創建了一個自定義圖像。

var sun = new Image(); 
sun.src = 'https://www.highcharts.com/samples/graphics/sun.png' 

正如預期的那樣，此代碼預加載圖像（如在鉻開發者控制檯的網絡選項卡看到的），但是當我加載圖表再次相同的URL負載。我的猜測是，這是Highchart圖書館特有的。

我也嘗試直接將符號值設置爲像symbol: sun這樣的圖像，但是這不起作用。

我想知道如何解決這個問題。也許將本地圖像轉換爲blob，然後將其設置爲符號的值？我會嘗試，但會歡迎任何其他想法。

Answer 1

我找到了答案。原來，我們可以將圖像轉換爲64位，然後將其設置爲符號。加載時間不是100 - 800毫秒，而是100微秒左右。