关于echarts绘图,主题的更换

时间:2022-08-23 07:05:24

echarts主题进行更换步骤

模块化单文件引入(推荐

1.查看自己想要的主题  echarts官网 http://echarts.baidu.com/echarts2/doc/example/theme.html#shine

  进行相关主题的选择 并下载 关于echarts绘图,主题的更换

得到的是代码片段 ,全选复制。

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