- 阅读 52
- 下载 20
- 格式 doc
- 大小 2.31 MB
- 约19页
- 2024-11-10 发布于河南
- 收藏
- 点赞(0)
- 海报
- 举报
一、三种方式引入文件1、模块化包引入require.config({packages:[{name:'echarts',location:'../../src',main:'echarts'},{name:'zrender',location:'../../../zrender/src',//zrender与echarts在同一级目录main:'zrender'}]});注：由于echarts依赖底层zrender，你需要同时下载zrender到本地2、模块化单文件引入(推荐)
...
require.config({paths:{echarts:'./js/dist'}});require(['echarts','echarts/chart/line',//按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表'echarts/chart/bar'],function(ec){varmyChart=ec.init(document.getElementById('main'));varoption={...}myChart.setOption(option);});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)就行）3、标签式单文件引入...
注：标签式引入环境中，常用模块的引用可通过命名空间直取，同模块化下的路径结构，如：echarts.config=require('echarts/config')，zrender.tool.color=require('zrender/tool/color')dist/echarts-all.js:经过压缩，全图表，包含world，china以及34个省市级地图数据source/echarts-all.js:未压缩，全图表，包含world，china以及34个省市级地图数据，可用于调试二、参数说明1.timeline：时间轴，每个图表最多仅有一个时间轴控件2.title:标题，每个图表最多仅有一个标题控件，每个标题控件可设主副标题3.toolbox:工具箱，每个图表最多仅有一个工具箱4.tooltip:提示框，鼠标悬浮交互时的信息提示触发类型：item触发axis触发5.legend:图例，每个图表最多仅有一个图例6.dataRange:值域选择，每个图表最多仅有一个值域控件7.dataZoom:数据区域缩放。与toolbox.feature.dataZoom同步，仅对直角坐标系图表有效8.roamController:缩放漫游组件，仅对地图有效9.grid:直角坐标系内绘图网格10.axis:坐标轴有三种类型，类目型、数值型和时间型，他们的区别在于：类目型：需要指定类目列表，坐标轴内有且仅有这些指定类目坐标数值型：需要指定数值区间，不指定时则自定计算数值范围，坐标轴内包含数值区间内容全部坐标时间型：时间型坐标轴用法同数值型，只是目标处理和格式化显示时会自动转变为时间，并且随着时间跨度的不同自动切换需要显示的时间粒度11.series:数据系列，一个图表可能包含多个系列，每一个系列可能包含多个数据三、图表类型说明图表类型图表库标准包含单图表类型的标准图表以及多图表类型混合的混搭图表：单图表类型：line折线图堆积折线图单图表类型：bar柱形图单图表类型：scatter散点图单图表类型：kK线图单图表类型：pie饼图单图表类型：radar雷达图单图表类型：chord和弦图单图表类型：force单图表类型：map中国地图子区域模式单图表类型：gauge仪表盘单图表类型：funnel单图表类型：eventRiver事件河流图单图表类型：treemap矩形树图单图表类型：venn韦恩图类型1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。
