關於echarts繪圖,主題的更換


echarts主題進行更換步驟

模塊化單文件引入(推薦

1.查看自己想要的主題  echarts官網 http://echarts.baidu.com/echarts2/doc/example/theme.html#shine 

  進行相關主題的選擇 並下載 

 得到的是代碼片段 ,全選復制。

2.在項目中的theme2文件夾下 新建一個js文件,命名為你所下載的主題名,把代碼片段粘貼到該js文件中。例如。shine.js

 4.頁面中繪圖的js文件中 

require.config({
paths:{
echarts:'build/dist'
}
});
獲得的AMD環境,配置require.conifg如下:

require([
    'echarts',
'echarts/theme2/shine',// 注意;theme2是相對於
build/dist所以 theme2文件夾的位置應是 build/dist/theme2 還有這里的shine不用寫js

  'echarts/chart/line',
 'echarts/chart/bar'
],
function(ec,theme){ //復制代碼時define(function() {var theme = {} theme的名字
      var myCharts=ec.init(document.getElementById("main"),theme);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM