echarts库

ECharts库概要介绍并接入项目免费看

ECharts 的简介,ECharts的特征有哪些,ECharts在vue中是如何使用的

01-30侠课岛    初级拔高       

前端/前端/Vue + ECharts实战 19     0     355

ECharts 介绍

ECharts 作为百度的一个项目,从2014年与大家见面之后,历时4年时间,迭代到了4.1.0版本,一直都有更新,经过了较多项目的实践证明和完善,并支持个性化自定义,有详细清晰的的中文文档,方便理解。

Echarts 是一个纯Javascript的开源可视化图表库,可以流畅的运行在PC和移动设备上,兼容当前大部分的浏览器(IE8/10/11,chrome,Firefox,Safari等),其底层渲染器是ZRender,可以使用Echarts制作直观,交互性强,可高度自定义化的数据可视化图表。

(ZRender)[https://ecomfe.github.io/zrender-doc/public/] 是一种轻量级的二维绘图引擎,它提供Canvas、SVG、VML等多种渲染方式。

ECharts 支持 CanvasSVGVML的形式渲染图表。VML可以兼容低版本IE,SVG 可以解决移动端内存问题,Canvas 可以轻松应对大数据量和特效的展示,可以根据不同的场景以及环境选择不同的渲染方式,使得 ECharts 能在各种场景下都有更好的表现。

ECharts的特征

  • 丰富的可视化类型

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,统计的盒型图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘等等丰富的图表。

  • 多种数据格式无需转换直接使用

Echarts4.0 内置的 dataset 属性支持直接传入包括二维表等多种格式的数据源,通过简单设置 encode 属性就可以完成从数据到图形的映射,这种优化方式,方便开发者更多的在可视化交互上,省去了大部分场景下的数据转换步骤。

  • 千万数据的前端展现

ECharts4.0 提供了增量渲染技术,配合各种细致的优化,ECharts 能够展现千万级别的数据流,并在这个数据量级上依然能够进行流畅的数据交互。

  • 移动端优化

由于移动端的屏幕大小以及设备的内存限制,ECharts针对移动端狡交互做了更加细致的优,定制的细粒度模块化和打包机制可以让 ECharts 在移动端的使用突破瓶颈,有更好的体验效果。

  • 多渲染方案,跨平台使用

ECharts 渲染图表的形式有 CanvasSVGVML。可以兼容低版本的IE浏览器,可以解决移动端内存问题,可以运行在PC浏览器。除了浏览器,EChartsnode 环境上也可以进行高效的服务器端渲染,从 ECharts4.0 开始,也完成了对小程序的适配。

ECharts 原是一个纯 Javascript 图表库,发展至此,社区上也提供了对其他语言的拓展,有 PythonpychartsR 语言的recharts 等等。社区活跃度比较高。

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

19

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?