在scrat中使用echars #36
Description
有两种办法：
-
使用
echarts-all.js，丢到views目录下，views目录存放的都是非模块化资源，等同于传统开发，然后在HTML页面上以全局的方式script src加载echarts即可：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Scrat Template Project</title> </head> <body> <div id="main" style="height:400px;"></div> <script src="lib/echarts-all.js"></script> <script src="lib/scrat.js"></script> <script> require.config(__FRAMEWORK_CONFIG__); require.async('boot', function (boot) { var chart = echarts.init(document.getElementById('main')); var option = { ... }; chart.setOption(option); }); </script> </body> </html>
-
可以把echarts.js放到components目录下，作为一个模块化资源，但是由于echarts使用的是amd规范，没有使用module.exports导出模块，所以在scrat中如果不修改源码，只能利用其在全局释放的echarts变量引用资源。其步骤为：
-
在components目录下创建echarts目录；
-
移动
echarts-all.js为components/echarts/echarts.js然后要使用echarts时：// 在其他模块化js中 require('echarts'); //仅执行factory，echarts会被挂到window上，但是没有导出 var chart = echarts.init(document.getElementById('main')); var option = { ... }; chart.setOption(option);
-