如何自定义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 可自定义 注意一致



原文地址:https://www.cnblogs.com/ylboke/p/6170648.html