如何自定义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