介绍
victory-voronoi-container 是一个基于 d3-voronoi 和 VictoryChart 的 npm 包，用于将数据可视化成蜂窝状的图形。
安装
npm install victory-voronoi-container
开始使用
- 导入模块
import { VictoryChart } from 'victory';
import VoronoiContainer from 'victory-voronoi-container';- 在 VictoryChart 中使用 VoronoiContainer
-- -------------------- ---- -------
-------------
--------------------
-----------------
--------------------
---------- ----- -- -- --- ------------
------------------------------- ---
--
-
-
--- -- -- ------- -----
---------------参数
voronoiDimension
指示使用数据的哪个坐标轴作为 Voronoi 容器。
默认值：x
可选值："x" 或 "y"
labels
用于为 Voronoi 区域的数据点添加标签。
类型：函数
参数：datum（数据点对象）
返回值：字符串
labelComponent
用于渲染标签的 Victory 组件。
events
用于添加交互事件。
类型：数组（对象）
-- -------------------- ---- -------
---------
-
------- -------
-------------- -
------------ -- -- -
------ -
-
------- ---------
--------- ------- -- -
------ - ----- --- ----------------- --
--
--
--
--
--
--
--示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------------ ------------- -------------- - ---- ----------
------ ---------------- ---- ----------------------------
----- --- ------- --------- -
---- - -
- -- -- -- - --
- -- -- -- - --
- -- -- -- - --
- -- -- -- - --
- -- -- -- - --
--
-------- -
------ -
-------------
--------------------
-----------------
--------------------
---------- ----- -- -- --- ------------
------------------------------- ---
---------
-
------- -------
-------------- -
------------ -- -- -
------ -
-
------- ---------
--------- ------- -- -
------ - ----- --- ----------------- --
--
--
--
--
--
--
--
--
-
-
------------ ---------------- --
---------------
--
-
-
------ ------- ----以上就是 npm 包 victory-voronoi-container 的使用教程，希望能帮助到有需要的开发者。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf56b5cbfe1ea0610fe6