npm 包 @manekinekko/viz.js 使用教程

阅读时长 5 分钟读完

介绍

@manekinekko/viz.js 是一个图表可视化工具,它包含了多种图标类型,包括饼图、折线图、散点图、柱状图等。与其它图表工具相比,@manekinekko/viz.js 可以非常方便地进行定制,满足各种需求。

安装

安装 @manekinekko/viz.js 可以通过 npm 包管理工具进行管理:

使用教程

1. 引入依赖

@manekinekko/viz.js 引入到你的项目中:

2. 设置容器

在 HTML 中设置图表容器:

3. 渲染图表

-- -------------------- ---- -------
----- ----- - --- ------------- -
  ----- ------
  ----- -
    ------- ----------- ----------- -------- -------- ------ ------- --------
    --------- --
      ------ --- ----- ---------
      ----- ---- --- --- --- --- --- ----
      ---------------- -
        ---------- --- ---- ------
        --------- ---- ---- ------
        ---------- ---- --- ------
        --------- ---- ---- ------
        ---------- ---- ---- ------
        ---------- ---- --- -----
      --
      ------------ -
        ---------- --- ---- ----
        --------- ---- ---- ----
        ---------- ---- --- ----
        --------- ---- ---- ----
        ---------- ---- ---- ----
        ---------- ---- --- ---
      --
      ------------ -
    --
  --
  -------- -
    ------- -
      ------ --
        ------ -
          ------------ ----
        -
      --
    -
  -
---

示例代码

-- -------------------- ---- -------
---- -----------------

--------
  ------ --- ---- ----------------------

  ----- ----- - --- ------------- -
    ----- ------
    ----- -
      ------- ----------- ----------- -------- -------- ------ ------- --------
      --------- --
        ------ --- ----- ---------
        ----- ---- --- --- --- --- --- ----
        ---------------- -
          ---------- --- ---- ------
          --------- ---- ---- ------
          ---------- ---- --- ------
          --------- ---- ---- ------
          ---------- ---- ---- ------
          ---------- ---- --- -----
        --
        ------------ -
          ---------- --- ---- ----
          --------- ---- ---- ----
          ---------- ---- --- ----
          --------- ---- ---- ----
          ---------- ---- ---- ----
          ---------- ---- --- ---
        --
        ------------ -
      --
    --
    -------- -
      ------- -
        ------ --
          ------ -
            ------------ ----
          -
        --
      -
    -
  ---

---------

总结

@manekinekko/viz.js 是一个非常强大的图表可视化工具,它提供了许多可定制的选项,可以满足各种需求。因此,学会使用它将会给你的前端开发带来巨大的帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bca967216659e24463f

纠错
反馈