介绍
Gobble-grapher 是一个轻量级的 JavaScript 库，用于创建可交互的图表。它可以根据数据自动生成图表，并可以进行自定义的修改和样式设置。
使用
安装
使用 npm 安装：
npm install gobble-grapher --save
导入
import GobbleGrapher from "gobble-grapher"
基本用法
创建图表
-- -------------------- ---- ------- ----- ---- - - - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - ----- ------- - --- ------------------------ - ----- ------ ----- ----- --
设置图表样式
-- -------------------- ---- -------
-------------------
-------- -
------ -
--------- ----- -------
---------- -------
--
------ -
--------- ----- -------
---------- -------
--
------- ----------- ---------- ---------- ---------- ---------- -----------
--
--高级用法
添加交互
grapher.on("click", (event, data) => {
console.log(data)
})更新数据
-- -------------------- ---- ------- ----- ------- - - - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - -- ------ -- -- -- - ---------------------------
更改样式
-- -------------------- ---- -------
----- ---------- - -
-------- -
------ -
----- ------
--
------ -
----- ------
--
------- ----------- ---------- ---------- ---------- ---------- -----------
--
-
-----------------------------结论
Gobble-grapher 是一个强大而又易于使用的 JavaScript 库，它可以帮助我们创建可交互的图表，并且可以通过自定义更改样式和添加交互来丰富我们的图表。它对于 Web 开发人员来说是一个非常重要的工具，可以帮助我们提供更好的可视化效果和用户交互体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e6e255dee6beeee7412