什么是向量图表?如何用 Highcharts 快速创建一个笛卡尔坐标图/矢量图?

Vector plot | 向量图、矢量图

向量图、矢量图是一种笛卡尔坐标图,每个点都有一个X和Y位置、一个长度和一个方向。箭头用来表示矢量。

有关更详细的示例和文档,请查看 API.

点击 here 查看代码.

数据结构

每个向量数据点定义为 [x, y, length, direction].

长度是相对于其他向量的比例长度。实际的向量会被渲染,使得 vectorLength 选项定义最长向量的像素长度,其他向量则相对于最长向量。

方向以度数表示,范围从0到360,其中0度表示正北,箭头指向下方。

其他选项

rotationOrigin 选项设置矢量的旋转点,可以是中心(默认情况下)、图案或头部。 rotationOrigin 同时设置旋转方向(左或右)。请参阅 API 的完整文档。

相关推荐
candyTong31 分钟前
如何写一个可以进化的前端系统验收 SKILL
javascript
Amy_yang40 分钟前
uni-app 中 web-view 的使用与 App 端全屏问题处理
前端·javascript·vue.js
之歆1 小时前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(上)
javascript·js
Highcharts.js1 小时前
Highcharts 纯 JavaScript 图表库深度使用评测
开发语言·前端·javascript·功能测试·ecmascript·highcharts·技术评测
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_39:(DOMException 异常接口完全解析)
前端·javascript·html·媒体
用户11489669441052 小时前
Promise解析
javascript·面试
gogoing2 小时前
Prettier 配置说明
前端·javascript
前端毕业班2 小时前
uni-app onShareAppMessage hook 原理分析
前端·javascript
gogoing2 小时前
Babel 配置与工具
前端·javascript