快捷搜索:  汽车  科技

可视化图表插件jsecharts(JavaScript图表库推荐)

可视化图表插件jsecharts(JavaScript图表库推荐)ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。丰富的可视化类型功能丰富:涵盖各行业图表,满足各种需求社区活跃 社区活跃,Github star 2.3 万v4.0版本现在了八项新科技:

ECharts是出自百度前端技术部之手。是基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

可视化图表插件jsecharts(JavaScript图表库推荐)(1)

现在更新到了v4.0.4版本。

特点:

  • 遵循 BSD 开源协议,免费商用

  • 功能丰富:涵盖各行业图表,满足各种需求

  • 社区活跃 社区活跃,Github star 2.3 万

v4.0版本现在了八项新科技:

丰富的可视化类型


ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

ECharts 针对移动端交互做了细致的优化,例如移动端小屏上适于用手指在坐标系中进行缩放、平移。 PC 端也可以用鼠标在图中进行缩放(用鼠标滚轮)、平移等。

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


ECharts 支持以 Canvas、SVG(4.0 )、VML 的形式渲染图表。VML 可以兼容低版本 IE,SVG 使得移动端不再为内存担忧,Canvas 可以轻松应对大数据量和特效的展现。不同的渲染方式提供了更多选择,使得 ECharts 在各种场景下都有更好的表现。

深度的交互式数据探索


交互是从数据中发掘信息的重要手段。“总览为先,缩放过滤按需查看细节”是数据可视化交互的基本需求。

可视化图表插件jsecharts(JavaScript图表库推荐)(2)

多维数据的支持以及丰富的视觉编码手段


ECharts 3 开始加强了对多维数据的支持。除了加入了平行坐标等常见的多维数据可视化工具外,对于传统的散点图等,传入的数据也可以是多个维度的。配合视觉映射组件 visualMap 提供的丰富的视觉编码,能够将不同维度的数据映射到颜色,大小,透明度,明暗度等不同的视觉通道。

可视化图表插件jsecharts(JavaScript图表库推荐)(3)

动态数据


ECharts 由数据驱动,数据的改变驱动图表展现的改变。因此动态数据的实现也变得异常简单,只需要获取数据,填入数据,ECharts 会找到两组数据之间的差异然后通过合适的动画去表现数据的变化。配合 timeline 组件能够在更高的时间维度上去表现数据的信息。

可视化图表插件jsecharts(JavaScript图表库推荐)(4)

绚丽的特效


可视化图表插件jsecharts(JavaScript图表库推荐)(5)

ECharts 针对线数据,点数据等地理数据的可视化提供了吸引眼球的特效。

通过 GL 实现更多更强大绚丽的三维可视化


想要在 VR,大屏场景里实现三维的可视化效果?我们提供了基于 WebGL 的 ECharts GL,你可以跟使用 ECharts 普通组件一样轻松的使用 ECharts GL 绘制出三维的地球,建筑群,人口分布的柱状图,在这基础之上我们还提供了不同层级的画面配置项,几行配置就能得到艺术化的画面!

可视化图表插件jsecharts(JavaScript图表库推荐)(6)

无障碍访问(4.0 )


当我们说到“可视化”的时候,我们往往很自然地将它与“看得⻅”联系在一起,但其 实这是片面的。W3C制定了无障碍富互联网应用规范集(WAI-ARIA,the Accessible Rich Internet Applications Suite),致力于使得网⻚内容和网⻚应 用能够被更多残障人士访问。

猜您喜欢: