网站seo基础优化,reeoo v5 wordpress,哪个网站做照片书最好看,成都旅游景点排名前十目录 #x1f31f;前言#x1f31f;丰富的可视化类型#x1f31f;多种数据格式无需转换直接使用#x1f31f;移动端优化#x1f31f;多渲染方案#xff0c;跨平台使用#xff01;#x1f31f;写在最后 #x1f31f;前言
ECharts开源来自百度商业前端数据可视化团队前言丰富的可视化类型多种数据格式无需转换直接使用移动端优化多渲染方案跨平台使用写在最后 前言
ECharts开源来自百度商业前端数据可视化团队基于html5 Canvas是一个纯Javascript图表库提供直观生动可交互可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验赋予了用户对数据进行挖掘、整合的能力。
ECharts缩写来自Enterprise Charts商业级数据图表一个使用 JavaScript 实现的开源可视化库可以流畅的运行在 PC 和移动设备上兼容当前绝大部分浏览器IE8/9/10/11ChromeFirefoxSafari等底层依赖轻量级的矢量图形库 ZRender提供直观交互丰富可高度个性化定制的数据可视化图表。
丰富的可视化类型
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图用于统计的盒形图用于地理数据可视化的地图、热力图、线图用于关系数据可视化的关系图、treemap、旭日图多维数据可视化的平行坐标还有用于 BI 的漏斗图仪表盘并且支持图与图之间的混搭。
除了已经内置的包含了丰富功能的图表ECharts 还提供了自定义系列只需要传入一个renderItem函数就可以从数据映射到任何你想要的图形更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。
多种数据格式无需转换直接使用
ECharts 内置的 dataset 属性4.0支持直接传入包括二维表key-value 等多种格式的数据源通过简单的设置 encode 属性就可以完成从数据到图形的映射这种方式更符合可视化的直觉省去了大部分场景下数据转换的步骤而且多个组件能够共享一份数据而不用克隆。
为了配合大数据量的展现ECharts 还支持输入 TypedArray 格式的数据TypedArray 在大数据量的存储中可以占用更少的内存对 GC 友好等特性也可以大幅度提升可视化应用的性能。
移动端优化
ECharts 针对移动端交互做了细致的优化例如移动端小屏上适于用手指在坐标系中进行缩放、平移。 PC 端也可以用鼠标在图中进行缩放用鼠标滚轮、平移等。
细粒度的模块化和打包机制可以让 ECharts 在移动端也拥有很小的体积可选的 SVG 渲染模块让移动端的内存占用不再捉襟见肘。 Echarts介绍 多渲染方案跨平台使用
ECharts 支持以 Canvas、SVG4.0、VML 的形式渲染图表。
VML 可以兼容低版本 IESVG 使得移动端不再为内存担忧Canvas 可以轻松应对大数据量和特效的展现。 不同的渲染方式提供了更多选择使得 ECharts 在各种场景下都有更好的表现。
除了 PC 和移动端的浏览器ECharts 还能在 node 上配合 node-canvas 进行高效的服务端渲染SSR。从 4.0 开始我们还和微信小程序的团队合作提供了 ECharts 对小程序的适配
写在最后
更多前端知识请大家持续关注尽请期待。各位小伙伴让我们 let’s be prepared at all times ✨原创不易还希望各位大佬支持一下 点赞你的认可是我创作的动力 ⭐️ 收藏你的青睐是我努力的方向 ✏️ 评论你的意见是我进步的财富