收藏 分销(赏)

Echarts入门学习PPT课件.pptx

上传人:胜**** 文档编号:748337 上传时间:2024-03-01 格式:PPTX 页数:17 大小:865.07KB
下载 相关 举报
Echarts入门学习PPT课件.pptx_第1页
第1页 / 共17页
Echarts入门学习PPT课件.pptx_第2页
第2页 / 共17页
Echarts入门学习PPT课件.pptx_第3页
第3页 / 共17页
Echarts入门学习PPT课件.pptx_第4页
第4页 / 共17页
Echarts入门学习PPT课件.pptx_第5页
第5页 / 共17页
点击查看更多>>
资源描述

1、Echarts商业产品图表库主讲人:张兴玉2017年3月23日EchartsEcharts特性介特性介绍绍EchartsEcharts轻轻松上手松上手其他其他图图表表库库目录3Echarts特性介绍ECharts,一个纯 Javascript的图表库,可以流畅的运行在 PC和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。ECharts3中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。常规折线图柱

2、状图散点图饼图K线图统计盒形图地理数据地图热力图线图BI商业智能漏斗图仪表盘关系数据关系图treemap多维数据可视化的平行坐标Echarts轻松上手021、Echarts:一个纯 Javascript的图表库,而且ECharts3开始不再强制使用 AMD的方式按需引入,代码里也不再内置 AMD加载器。只需要像普通的 JavaScript库一样用 script标签引入。官方下载界面 http:/ ECharts准备一个具备高宽的 DOM容器。Echarts轻松上手3、然后就可以通过echarts.init方法初始化一个 echarts实例并通过setOption方法生成一个简单的柱状图(如下图

3、),右侧是完整代码。Echarts轻松上手简单介绍一下常用配置项(一)Echarts轻松上手title(标题)toolbox(工具箱)工具箱)简单介绍一下常用配置项(二)Echarts轻松上手tooltip(提示)提示)legend(图例)例)dataZoom(数据区域(数据区域缩放)放)简单介绍一下常用配置项(三)Echarts轻松上手dataRange(值域)域)grid(绘图网格)网格)axis(坐坐标轴)其他图表库0312面向HTML5的JavaScript图表库1、D3.js Data-Driven Documents 现在提到图表的时候,我们第一个想到的就是D3.js。作为一个开源

4、项目,D3.js提供了很多其他现有库所没有的强大的功能。D3.js图表使用HTML+SVG+CSS渲染。D3.js不支持旧版本的浏览器。13面向HTML5的JavaScript图表库2、Google Charts GoogleCharts创 建图表更加的简单。它提供了很多内置的图表,如:条形图、日历图、饼图等等。GoogleCharts还提供了许多定制选项让你改变图表的外观。它通过HTML5/SVG渲染来支持跨浏览器兼容性,并且可以跨平台移植到iPads、iPhones、Android。它还包含支持旧版本IE的VML。14面向HTML5的JavaScript图表库3、ChartJS Chart

5、JS为图表提供了漂亮的平面设计风格。它通过HTML5的canvas属性渲染。支持旧版本的浏览器如IE7/8。ChartJS默认是响应式的,它良好的适应手机端和平板端。15面向HTML5的JavaScript图表库4、HighchartsJS HighchartsJS是另一款非常流行的图形图表库。预置了很多炫酷的动画效果,是你的网站足够吸引眼球。跟其他库一样,它提供了内置的图形,如:spline,area,areaspline,column,bar,pie,scatter等。使用HighchartsJS最大的优势是它兼容像IE6这样的旧版本浏览器。标准的浏览器使用SVG渲染,而旧版本的IE浏览器则使用VML。个人免费使用,而商业用户则需要购买许可证。n3-chartsChartist.jsEmberChartsSmoothieChartsChartkickFusionchartsZingChartFlotamChartsEJSChartuvCharts等等面向HTML5的JavaScript图表库http:/www.open- YOU!

展开阅读全文
部分上传会员的收益排行 01、路***(¥15400+),02、曲****(¥15300+),
03、wei****016(¥13200+),04、大***流(¥12600+),
05、Fis****915(¥4200+),06、h****i(¥4100+),
07、Q**(¥3400+),08、自******点(¥2400+),
09、h*****x(¥1400+),10、c****e(¥1100+),
11、be*****ha(¥800+),12、13********8(¥800+)。
相似文档                                   自信AI助手自信AI助手
搜索标签

当前位置:首页 > 通信科技 > 计算机应用

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服