前言
最近專案裡面遇到一些圖表需要用echarts來做。而我之前只用過一次echarts,也只是做了乙個簡單的餅狀圖，並沒有涉及到很多的配置。但是現在這個專案，這些圖表需要自己配置很多東西。像什麼多餘的網格線不顯示啊，每個柱子的不一樣的顏色漸變啊，這些都還好。問題在乙個頁面有多個柱狀圖，而這些柱狀圖除了資料和顏色不一樣其他的都一毛一樣。最後模仿老大做的整合多個option自己做了乙個demo，自己寫了詳細的注釋。
效果圖如下：
html**如下：
js**如下：
function aa()
aa.prototype = ,
]), "單位");
//常規操作 為echarts物件載入資料
chart.setoption(opt程式設計客棧ion);
} },
//然後接下來都是一些echarts的一些常規配置
optionfun:function(title,color,unit),
top:'top',
},xaxis:,
},axislabel:,
},},
yaxis:,
axisline:
},axislabel:,
},splitline:,
},series:[,},}
}}],
};//將option返回
return option;
}}其實後來發現，echarts一些常規的配置在官方給的文件裡面都有，就是自己不太熟悉。最主要的還是自己掌握的東西太少了，不懂的融會貫通。也更加清楚了js對於乙個前端來說是多麼的重要。而我自己也在不斷的努力中，很感謝我老大，很多不懂的地方問他，他都會幫我解決。繼續加油吧。
注：這個配置目前不支援圖表數量超過所定義的顏色數量後顏色迴圈，或許以後多研究下可以實現，但是目前是不支援的。
總結本文標題: echarts整合多個類似option的方法例項
本文位址:
spring boot 整合多個kafka集群
有時候我們的整合軟體需要在專案中整合多個kafka集群，實現步驟如下 步驟一 配置第二個kafka檔案 步驟二 定義第二個kafka的實現類 description project createdate created in 2019 4 26 18 20 author xiaozm configu...
apache 整合多個tomcat的方法
背景 現有伺服器只執行了乙個 沒有使用apache,tomcat埠為80 現在希望在伺服器在新增乙個站點 而不使用現有的tomcat.但多個tomcat不能共用乙個80埠,所以希望通過apache使用80埠,然後在分發對應的tomcat,實現多個tomcat在乙個伺服器上共存.環境與軟體 作業系統 ...
怎樣將多個系統整合封裝
在一塊硬碟上安裝多個作業系統，不僅安裝麻煩，多系統的維護更是乙個棘手的難題。相信很多朋友都用過虛擬系統軟體來 解決多作業系統並存的難題，不過常規的虛擬系統軟體不僅需要安裝，而且配置也較為複雜。qemu 則是一款免費 綠色的虛擬系統軟體，這樣借助移動 硬碟就可以輕鬆擁有多個隨身 系統了。一 簡單設定，...