这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了拖拽布局、大屏适配、图表组件(Echarts)封装以及地图组件等功能的封装。 该项目旨在满足大屏项目中常见的需求

拿到这个需求的时候，第一反应是第三方库，调研之后，echarts最接近的例子，需求还是比较自定义化，echarts不太满足，只能造(怕)轮(被)子(喷)了。 canvas适合于2d的绘制，一旦涉及3d，需要webgl的canvas。

根据项目要求，要实现这样一个仪表盘的效果： 拿到图之后首先做一个拆分，分成几个小模块。从里往外看，首先需要一个内环的刻度条，这个内环刻度条由若干个点构成，所以我的实现方式为：先画一根线，通过循环，旋转

非常简单的echarts使用，只是个人笔记，整理一下常用的操作，其实还是应该看官方文档，所以我写这些只是给自己看（

最近碰到一个需求，需要画一个仪表盘的页面。图上所示。 圆弧部分还好，用CAShapeLayer+UIBezierPath曲线，只要确定好圆心部分和左右两边的角度就行。这里正好说明一下 这个接口startAngle、endAngle和clockwise的关系，之前一直记不太清。 …

仪表盘（Gauge）也被称为拨号图表或速度表图，用于显示类似于速度计上的读数的数据，是一种拟物化的展示形式。 仪表盘是常用的商业智能（BI）类的图表之一，可以轻松展示用户的数据，并能清晰地看出某个指标

通过循环画出单位刻度线。有两种方法画出圆：旋转画布、用三角函数算出线条的起点和终点。第一种在动画时因为要不停循环会导致我角度算不出来，所以采用三角函数，推荐第二种。画线的步骤如下：

（3）serias设置label，formatter属性设置文字的内容（刻度），position设置文字位置。echarts的默认outside或inside都丑，可以使用另一组_data_数据，用于专门展示文字,而且默认文字是居中的，不好改，需要用一些技巧帮助展示到边缘。

公司要求做个仪表盘，大致UI是这样的 这不是为难我胖虎嘛，于是找遍整个全网也没找到相似的，只能自己手写一个。源码：https://gitee.<meta name="viewport" content="width=device-width, initial-scale=1..<...