javascript - js文件替换，更换皮肤

Question

把echart中关于变量的颜色单独提取出来成一个js文件，然后又根据这个文件设置不同的颜色值，以便换肤。
请问，如何做到换肤效果呢？

//其中一个设置的颜色 一共两个这样的js文件

 var xAxis_axisLine_lineStyle_color = {
        color: '#000'
    };

用到echart部分的写法

axisLine : {
        lineStyle : xAxis_axisLine_lineStyle_color
    }

Answer 1

无论使用哪种模块加载方式，把保存颜色的js文件以模块的形式暴露给全局即可调用。
以requirejs的AMD方式举例
模块定义(color.js)

define(function (){
  var xAxis_axisLine_lineStyle_color = {
    color: '#000'
  };
　return {
    xAxis_axisLine_lineStyle_color: xAxis_axisLine_lineStyle_color
  };
});

主函数中模块加载(main.js)

require(['color'], function (color){
　// ...
  chart.setOptions({
    // ...echarts
    axisLine : {
      lineStyle : color.xAxis_axisLine_lineStyle_color
    }
  });
});

其它的模块加载方式也一样，如果是直接加载js标签就设置一个命名空间给颜色。