查看“ECharts”的源代码
←
ECharts
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
{{提示|欢迎帮助我们进一步提升文章质量,当前重点任务包括: * 章节补充:使用方法、应用案例章节的内容; * 图片补充:用ECharts绘制示例图表、采用ECharts技术的网站截屏; * 内容优化:功能特性章节的简化与提炼,补充来源引用与更多阅读链接;}} ECharts是一个使用[[JavaScript]]实现的开源可视化库,可以运行在PC和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的矢量图形库[[ZRender]],主要用于[[数据可视化]],可制作高度个性化定制[[交互式动态图表]],由百度公司出品。 == 概况 == === 发展历程 === * ECharts缩写来自Enterprise Charts,商业级数据图表,它最初是为了满足公司商业体系里各种业务系统的报表需求; * 2012年初,在凤巢数据平台项目中,当时的凤巢前端技术负责人Kener-林峰尝试使用Canvas去做图表,写了一个全新的轻量级Canvas类库ZRender,可以说是ECharts的原型。 === 功能特性 === [[文件:EChartsDemo.png|192px|缩略图|ECharts官方示例]] * 丰富的可视化类型:ECharts提供了常规的[[折线图]]、[[柱状图]]、[[散点图]]、[[饼图]]、[[K线图]];用于统计的[[箱线图]];用于[[数据可视化|地理数据可视化]]的地图、[[热力图]]、线图;用于[[数据可视化|关系数据可视化]]的[[关系图]]、[[treemap]]、[[旭日图]];[[数据可视化|多维数据可视化]]的[[平行坐标]];还有用于 BI 的[[漏斗图]],[[仪表盘]],并且支持图与图之间的混搭。除内置的图表外,ECharts 还提供了自定义系列; * 多种数据格式无需转换直接使用: * 庞大数据(千万级数据量)的前端展现: * 移动端优化: * 多渲染方案,跨平台使用: * 深度的交互式数据探索: * 多维数据的支持以及丰富的视觉编码手段: * 动态数据: * 绚丽的特效: * 通过 GL 实现更多更强大绚丽的三维可视化: * 无障碍访问(4.0+): == 应用 == '''城市规划与研究领域的应用案例''' == 上手 == === 基本操作流程 === '''1. 创建一个空白[[HTML]]文件''' '''2. 引用ECharts.js文件'''([http://echarts.baidu.com/download.html 下载Echarts],并放置在当前目录中的js子目录下) <pre><script type="text/javascript" src="js/echarts.js"></script></pre> '''3. 准备放置图表的容器''' <pre><div id="chartmain" style="width:600px; height: 400px;"></div></pre> '''4. 设置参数,初始化图表''' [[文件:ECharts_Tutor_01.png|192px|缩略图|ECharts柱状图示例:北上广深常住人口数(2016)]] <pre><script type="text/javascript"> //指定图标的配置和数据 var option = { title: {text: 'ECharts 柱状图示例:北上广深常住人口数(2016)'}, tooltip: {}, legend: {data:['用户来源']}, xAxis: {data:["北京","上海","广州","深圳"]}, yAxis: {}, series: [{ name:'常住人口(万人)', type:'bar', data:[2173,2420,1404,1191] }] }; //初始化echarts实例 var myChart = echarts.init(document.getElementById('chartmain')); //使用制定的配置项和数据显示图表 myChart.setOption(option); </script></pre> == 更多阅读 == * [http://echarts.baidu.com/index.html 官方网站] * [http://echarts.baidu.com/feature.html 官方网站:ECharts特性] * [http://echarts.baidu.com/echarts2/doc/about.html 官方网站:关于我们] * [https://zhuanlan.zhihu.com/p/25841878 知乎:做图表必备的神器 Echarts] * [https://www.cnblogs.com/leoxuan/p/6511123.html ECharts.js学习(一)简单入门] * [http://www.cnblogs.com/leoxuan/p/6513591.html ECharts.js学习(二)动态数据绑定] * [https://blog.csdn.net/shawn_yul/article/details/54926344 Echarts地图省市跳转数据展示] [[分类:数据可视化方法]]
该页面使用的模板:
模板:提示
(
查看源代码
)
返回至
ECharts
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
分类索引
最近更改
随机页面
用户指南
编辑助手
工具
链入页面
相关更改
特殊页面
页面信息