关于echarts绘图,主题的更换

时间:2023-02-14 06:54:05

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