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

Vector plot | 向量图、矢量图

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

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

点击 here 查看代码.

数据结构

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

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

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

其他选项

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

相关推荐
Neptune14 小时前
JavaScript回归基本功之---类型判断--typeof篇
前端·javascript·面试
进击的尘埃4 小时前
微前端沙箱隔离:qiankun 和 wujie 到底在争什么
javascript
子兮曰5 小时前
后端字段又改了?我撸了一个 BFF 数据适配器,从此再也不怕接口“屎山”!
前端·javascript·架构
颜酱7 小时前
一步步实现字符串计算器:从「转整数」到「带括号与优化」
javascript·后端·算法
比尔盖茨的大脑8 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
卓卓不是桌桌8 小时前
如何优雅地处理 iframe 跨域通信?这是我的开源方案
javascript·架构
滕青山8 小时前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js
进击的尘埃8 小时前
TypeScript 协变与逆变:你的泛型组件 Props 为什么总是类型报错?
javascript
helloweilei8 小时前
javascript 结构化克隆
javascript·node.js
龙猫不热8 小时前
从 0 手写 Promise:拆解 Promise 链式调用的实现原理
前端·javascript·面试