ECharts调用笔记`.docVIP

三种方式引入文件 模块化包引入 require.config({ packages: [ { name: echarts, location: ../../src, main: echarts }, { name: zrender, location: ../../../zrender/src, // zrender与echarts在同一级目录 main: zrender } ] }); 注：由于echarts依赖底层zrender，你需要同时下载zrender到本地 模块化单文件引入(推荐) body div id=main style=height:400px;/div ... script src=./js/echarts.js/script script type=text/javascript require.config({ paths: { echarts: ./js/dist } }); require( [ echarts, echarts/chart/line, // 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表 echarts/chart/bar ], function (ec) { var myChart = ec.init(document.getElementById(main)); var option = { ... } myChart.setOption(option); } ); /script /body dist（文件夹） : 经过合并、压缩的单文件 echarts.js : 这是包含AMD加载器的echarts主文件，需要通过script最先引入 chart（文件夹） : echarts-optimizer通过依赖关系分析同时去除与echarts.js的重复模块后为echarts的每一个图表类型单独打包生成一个独立文件，根据应用需求可实现图表类型按需加载 echarts-line.js : 折线图（如需折柱动态类型切换，require时还需要echarts/chart/bar） echarts-bar.js : 柱形图（如需折柱动态类型切换，require时还需要echarts/chart/line） echarts-scatter.js : 散点图 echarts-k.js : K线图 echarts-pie.js : 饼图（如需饼漏斗图动态类型切换，require时还需要echarts/chart/funnel） echarts-radar.js : 雷达图 echarts-map.js : 地图 echarts-force.js : 力导向布局图（如需力导和弦动态类型切换，require时还需要echarts/chart/chord） echarts-chord.js : 和弦图（如需力导和弦动态类型切换，require时还需要echarts/chart/force） echarts-funnel.js : 漏斗图（如需饼漏斗图动态类型切换，require时还需要echarts/chart/pie） echarts-gauge.js : 仪表盘 echarts-eventRiver.js : 事件河流图 source（文件夹） : 经过合并，但并没有压缩的单文件，内容同dist，可用于调试 注：动态加载echarts及所需图表然后在回调函数中开始使用（容我罗嗦一句，当你确保同一页面已经加载过echarts，再使用时直接require(echarts).init(dom)就行） 标签式单文件引入 body div id=main style=height:400px;/div ... script src=example/www2/js/dist/echarts-all.js/