建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…

1. 课程目标 2. 数据可视化概述 借助于图形化手段，能清晰有效的传达与沟通信息。以是觉得方式展示数据。 将结构或者是硅结构的数据适当的转化为可视化图表，将隐藏在数据里的信息展示在人们面前。 3. 什么是数据可视化 可分为可视化分析，科学可视化，信息可视化。 科学可视化：主要…

1. 依赖包版本 2. 业务说明 页面投放方式为主机加载后，有场景会涉及需要使用浏览器内置的缩放功能展示。 项目的页面缩放方案参考了 百度云 页面的实现思路，按照固定的宽高比（如：16:9）来计算出最合适的缩放比进行缩放渲染。 1. 理论梳理 Canvas 更适合绘制图形元素数…

基于echarts的大数据中国地图展示，结合API定制，开发样式，监听鼠标事件，实现带参数路由跳转等自定义事件。 实际项目中大概率会遇到很多需要进行数据展示的地方，如折现图，柱状图等，今天给大家介绍一个更加炫酷的中国地图大数据展示，结合echarts免费开源第三方插件，可以实现…

6大公共组件详解:1、Title标题：2、tooltip提示：3、toolbox工具框4、legend图例：5、dataZoom区域缩放：6、visualMap视觉映射组件：5大坐标系详解：1、地理坐