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