echarts模块引入与标签式引入

模块化单文件引入：
自2.1.8起，为echarts开发了专门的合并压缩工具echarts-optimizer。如你所发现的，build文件夹下已经包含了由echarts-optimizer生成的单文件：

dist（文件夹） : 经过合并、压缩的单文件
- echarts.js : 这是包含AMD加载器的echarts主文件，需要通过script最先引入
- chart（文件夹） : echarts-optimizer通过依赖关系分析同时去除与echarts.js的重复模块后为echarts的每一个图表类型单独打包生成一个独立文件，根据应用需求可实现图表类型按需加载
  - line.js : 折线图（如需折柱动态类型切换，require时还需要echarts/chart/bar）
  - bar.js : 柱形图（如需折柱动态类型切换，require时还需要echarts/chart/line）
  - scatter.js : 散点图
  - k.js : K线图
  - pie.js : 饼图（如需饼漏斗图动态类型切换，require时还需要echarts/chart/funnel）
  - radar.js : 雷达图
  - map.js : 地图
  - force.js : 力导向布局图（如需力导和弦动态类型切换，require时还需要echarts/chart/chord）
  - chord.js : 和弦图（如需力导和弦动态类型切换，require时还需要echarts/chart/force）
  - funnel.js : 漏斗图（如需饼漏斗图动态类型切换，require时还需要echarts/chart/pie）
  - gauge.js : 仪表盘
  - eventRiver.js : 事件河流图
  - treemap.js : 矩阵树图
  - venn.js : 韦恩图
source（文件夹） : 经过合并，但并没有压缩的单文件，内容同dist，可用于调试



    
    ECharts

只使用柱状图例子：



    
    ECharts

image.png

标签式单文件引入：
自1.3.5开始，ECharts提供标签式引入。如果你的项目本身并不是基于模块化开发的，或者是基于CMD规范（如使用的是seajs），那么引入基于AMD模块化的echarts可能并不方便，我们建议你采用srcipt标签式引入，忘掉require。Srcipt标签引入echarts后将可以直接使用两个全局的命名空间：echarts，zrender，可参考ECharts标签式引入，需要注意的是excanvas依赖body标签插入Canvas节点去判断Canvas的支持，如果你把引用echarts的script标签放置head内在IE8-的浏览器中会出现报错，解决的办法就是把标签移动到body内（后）。

标签式引入环境中，常用模块的引用可通过命名空间直取，同模块化下的路径结构，如：
echarts.config = require('echarts/config')， zrender.tool.color = require('zrender/tool/color')

新建

使用柱状图例子：



    
    ECharts

image.png

echarts模块引入与标签式引入

你可能感兴趣的:(echarts模块引入与标签式引入)