用於可視化數據的 5 個最佳 WordPress 圖表插件

已發表: 2021-03-01

可以理解,瀏覽無盡的表格和數字列表很快就會變得無聊。 如果您要在網站上顯示數據,則需要使演示文稿盡可能引人入勝,以免讀者錯過關鍵信息。 這就是使用 WordPress 圖表插件可以提供幫助的地方。

在本文中,我們將向您介紹市場上最好的 WordPress 圖表插件。 我們將探索它們的功能、它們使您能夠創建哪些類型的可視化、定價等。 用數據說話!

訂閱我們的 YouTube 頻道

1. 展示台

可視化插件

Visualizer: Tables and Charts Manager 是一個插件,使您能夠通過手動添加數據或從第三方源導入數據來從模板創建數據可視化。 它包括九種圖表類型,包括:

  • 折線圖
  • 面積圖
  • 條形圖
  • 柱狀圖
  • 餅狀圖
  • 地理圖表
  • 表格圖表
  • 氣泡圖
  • 散點圖

Visualizer 使用 HTML5 和可縮放矢量圖形 (SVG) 生成響應式圖表:

Visualizer 插件的圖表類型選擇

使用該插件的免費版本,您可以從 URL 導入數據或手動輸入數據​​。 如果您使用 Visualizer 的高級版本,您還可以選擇從其他圖表、WordPress 安裝和數據庫導入數據:

通過 Visualizer 插件導入數據圖表

該插件使您能夠修改圖表和表格的各個方面,包括它們的軸、顏色、線寬和位置。 此外,您可以讓用戶以多種格式打印或下載圖表:

啟用選項以打印和下載 Visualizer 選項卡

最後,您可以使用 Block 或 Classic 編輯器將圖表添加到您的頁面,這使得該插件非常通用。

到目前為止,我們討論過的所有功能都可以在 Visualizer 的免費版本中使用。 如果您購買高級許可,您將可以訪問自定義電子表格和前端編輯器、附加數據導入選項、私人圖表、附加圖表類型等。

Visualizer Premium 提供的最有趣的功能之一是將表格與在線文件同步的選項。 這意味著您可以對電子表格進行更改,並自動更新您網站上的相應表格或圖表。

主要特點:

  • 創建九種類型的圖表和表格
  • 使用 HTML5 和 SVG 生成響應式圖表和表格
  • 從多個來源導入數據
  • 自定義每個元素的樣式和行為
  • 使用戶能夠打印和下載數據可視化

價格:免費提供高級版,起價為每年 59 美元 | 更多信息

2. 數據表生成器

數據表生成器插件

Supsystic 的 Data Tables Generator 是一個出色的 WordPress 圖表插件,可讓您創建響應式表格和圖表。 顯示使查看者能夠搜索、過濾和排序表格內容。

如果您需要共享大量數據,這使 Data Tables Generator 成為理想選擇。 為了使導航更容易,它使您能夠對錶格元素進行分頁:

分頁表的示例

此外,數據表生成器是產品和用戶列表的有效解決方案。 您甚至可以將其與 WooCommerce 集成並包含添加到購物車的按鈕來創建訂單:

產品列表的示例

免費版本僅限於表格。 但是,使用高級許可證,您將能夠生成:

  • 面積圖
  • 折線圖
  • 餅圖(2D 和 3D 選項)
  • 條形圖(2D 和 3D 選項)
  • 柱狀圖
  • 氣泡圖
  • 3D 金字塔圖

下面快速瀏覽一下 Data Tables Generator 的圖表選擇:

選擇要使用的圖表類型

使用該插件的免費版本,您還可以訪問內置的電子表格編輯器,以及添加自定義 CSS 的選項:

使用內置的 WordPress 電子表格編輯器

要將圖表添加到您的帖子和頁面,數據表生成器為每個元素生成一個唯一的短代碼,它適用於經典和塊編輯器。 就導入數據而言,您需要高級許可證才能將插件與 Google 表格、Excel、CSV 或 PDF 文件一起使用。

最後,值得注意的是 Data Tables Generator 提供了全面的用戶教程:

數據表生成器插件教程

如果您打算主要使用表格進行數據可視化,那麼免費版本的數據表生成器是一個不錯的選擇。

主要特點:

  • 使用內置電子表格編輯器生成交互式表格
  • 使用戶能夠搜索、過濾和排序表格
  • 添加 CSS 或使用內置樣式選項
  • 與 WooCommerce 集成以創建產品列表

價格:免費,高級許可證起價為每年 46 美元 | 更多信息

3. amCharts:圖表和地圖

amCharts 插件

amCharts:Charts and Maps 可能是您可以使用的最強大的 WordPress 圖表插件和數據可視化工具。 更重要的是,它是一個完全免費的插件 - 有一個警告。

儘管該插件是免費的,但它旨在與 amCharts 軟件一起使用。 該平台還提供免費許可證,但前提是您不介意它包含一個小的 amCharts 屬性,這是您可以在此圖表底部左側看到的圖標:

帶有屬性的 amCharts 圖表示例

您需要使用 amCharts 軟件的原因是該插件不包含圖表生成器。 相反,它只是要求您在創建新元素時為圖表添加 HTML 和 JavaScript:

為 amCharts 表添加 HTML 和 JS

由於 amCharts 數據顯示通常需要外部庫才能運行,因此該插件使您可以為您創建的每個圖表選擇要導入的資源:

將 amCharts 庫導入 WordPress

如果您只需要創建簡單、直截了當的圖表或圖表,那麼 amCharts 可能有點過頭了。 該軟件的亮點在於復雜的交互式數據可視化:

交互式 amCharts 圖表示例

使用 amCharts,您將能夠以簡單的靜態表格無法匹配的方式向訪問者展示數據。 簡而言之,該插件的作用是幫助您導入這些圖表並將它們顯示在您的 WordPress 網站上,而無需弄亂外部庫或手動向頁面添加代碼。

主要特點:

  • 將 amCharts 內容添加到 WordPress,無需手動編輯文件
  • 為您添加到網站的每個元素導入特定的 amCharts 庫
  • 使用簡碼將圖表放置在您網站上的任何位置

價格:免費 | 更多信息

4.M圖

M 圖表插件

M Chart 是一個免費插件,可讓您使用內置電子表格編輯器為 WordPress 網站創建圖表:

M Chart 電子表格編輯器

如果您曾經從電子表格生成圖表,那麼使用 M Chart 對您來說應該相當簡單。 但是,缺少的一個方面是該插件不包含圖表的樣式選項:

M Chart 圖表示例

考慮到這一點,請務必注意,如果您願意,可以自由地將 CSS 添加到圖表中。 撇開這一點不談,M Chart 可能是您可以在您的網站上使用的最直接的 WordPress 數據可視化插件。 有了它,您可以生成以下類型的圖表:

  • 折線圖
  • 條形圖
  • 餅狀圖
  • 柱狀圖

要記住的另一件事是,此插件使您可以從多個預編碼的圖表計算單位中進行選擇。 如果您要展示的單位不包括在內,我們建議您使用其他插件:

選擇用於圖表的度量單位

圖表準備好後,插件會將其保存在自己的頁面上,您可以為其啟用評論。 如果您想將圖表添加為其他頁面的一部分,M Charts 還會為您創建的每個元素生成一個唯一的短代碼。

主要特點:

  • 使用內置電子表格編輯器創建圖表
  • 為您的數據選擇預編碼的計算單位
  • 使用簡碼將圖表添加到您的帖子和頁面

價格:免費 | 更多信息

5. 優步圖表

UberChart 插件

UberChart 是此列表中唯一的高級版 WordPress 圖表插件,這是有充分理由的。 這是 WordPress 數據可視化插件,提供最多的自定義和數據導入選項,用於創建和添加圖表到您的網站,每個許可證的價格為 39 美元。

使用 UberChart,您可以創建和自定義十種不同類型的圖表,包括:

  • 折線圖
  • 面積圖
  • 條形圖
  • 水平條形圖
  • 餅狀圖
  • 甜甜圈圖
  • 雷達圖
  • 極地圖
  • 散點圖
  • 氣泡圖

此外,它還為每個圖表提供了 200 多個自定義選項。 這聽起來可能有點矯枉過正。 但是,能夠自定義您創建的可視化的每個方面絕對是一個加分項。

UberChart 條形圖示例

UberCharts 支持所有主要的電子表格格式,這使您可以從幾乎任何您想要的來源導入數據。 出於備份目的,該插件還可以幫助您以 XML 格式導出數據和圖表,這使您可以將元素從一個站點複製到另一個站點。

如果您想從頭開始輸入數據,您可以使用 UberCharts 的內置電子表格編輯器。 該插件還提供了數十種預先構建的圖表模型,使您能夠獲取數據並生成視覺效果,在它們準備好面向公眾之前幾乎不需要定制。

主要特點:

  • 創建多達十種不同類型的圖表
  • 使用內置電子表格編輯器手動輸入數據
  • 從所有主要電子表格軟件選項導入數據
  • 將圖表備份為可以在其他網站上導入的 XML 文件
  • 使用預先構建的圖表模型快速生成數據可視化

價格:一年的許可證費用為 39 美元 | 更多信息

結論

使用 WordPress 圖表插件是獲取大型數據集並將其轉換為用戶喜歡看到的引人入勝的可視化的絕佳方式。 你讓數據越容易理解,就越容易表達你的觀點。

就最好的 WordPress 圖表插件而言​​,以下是我們的五個選擇:

  1. Visualizer:一個用戶友好的圖表插件,其免費版本提供多種圖表類型。
  2. 數據表生成器:如果您想專注於表格而不是圖表,這應該是您的首選。
  3. amCharts:如果您是 amCharts 圖表軟件的粉絲,這個插件可以讓您將您的作品導入 WordPress。
  4. M Chart:此插件是用於創建簡單 WordPress 圖表的簡單解決方案。
  5. UberChart 一個高級插件,包括多種圖表類型和自定義選項。

您對使用哪個 WordPress 圖表插件有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

精選圖片來自 MisterEmil/shutterstock.com