官网给的示例代码,我想问,require是什么东东?
<!DOCTYPE html>
ECharts
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<!-- ECharts单文件引入 -->
<br> // 路径配置<br> require.config({<br> paths: {<br> echarts: '<a href="http://echarts.baidu.com/build/dist">http://echarts.baidu.com/build/dist</a>'<br> }<br> });</p> <pre><code> // 使用 require( [ 'echarts', 'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载 ], function (ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main')); var option = { tooltip: { show: true }, legend: { data:['销量'] }, xAxis : [ { type : 'category', data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] } ], yAxis : [ { type : 'value' } ], series : [ { "name":"销量", "type":"bar", "data":[5, 20, 40, 10, 10, 20] } ] }; // 为echarts对象加载数据 myChart.setOption(option); } ); </script> </code></pre> <p></body></p>
require.js 是一个模块化的框架,表示导入这个echarts 插件 ,和script 标签效果一致,好处是模块化,只导入需要的,异步,不会阻塞html代码的执行,方便维护
require是 echarts 2 里面有的 echarts 3 已经去掉了