如何自定义echarts主题
上一篇,选择echarts原有的主题样式,那么如何自定义自己的主题
与选择原有主题类似
1.echarts官网地址http://echarts.baidu.com/echarts2/doc 在工具中
选择皮肤主题设计工具
在页面上进行修改
修改完毕,复制代码。
2.粘贴到自定义的js文件中 例如,myselStyle.js
define(function() {
var theme = {} //注意:本次代码中只有theme={}的部分,缺少的部分要加上
return theme;
});
3.在js文件中
require.config({
paths:{
echarts:'build/dist'
}
});
require([
'echarts',
'echarts/theme2/myselStyle',
'echarts/chart/line',
'echarts/chart/bar'
],
function(ec,theme){
var myCharts=ec.init(document.getElementById("main"),theme);//注意:theme 为加上文件中 var theme={} 的theme 可自定义 注意一致