npm 包 node-echarts 使用教程

阅读时长 4 分钟读完

node-echarts 是一个基于 echarts 的 Node.js 封装,能够在 Node 环境下方便地实现数据可视化。

安装

在命令行中输入以下命令:

快速上手

第一步:引入 node-echarts

第二步:设置 echarts 配置

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

第三步:生成图表并保存

更多功能

图表类型

通过设置 option 中的 type 属性,可以实现不同类型的图表,如饼图、柱状图、散点图等。

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

图表主题

可以通过设置 option 中的 theme 属性,对图表进行样式和主题的设置。

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

图表皮肤

通过设置 option 中的 skin 属性,可以对图表进行不同皮肤的设置。

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

结语

通过 node-echarts,我们可以在 Node.js 环境下方便地进行数据可视化,为我们的数据分析和决策提供更多支持。同时,我们可以通过设置不同的主题和皮肤,使图表更加美观和易于阅读。

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

纠错
反馈