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);