[WordPress] 外掛分享: MaxiCharts

WordPress 外掛 MaxiCharts 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「MaxiCharts」是 2017-07-12 上架。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2021-09-20,距離現在已有 1322 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 有 9 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

maxicharts |

外掛標籤

chart | forms | graph | gravity | chartsjs |

內容簡介

使用簡單的代碼即可從 Gravity Forms 提交數據或 CSV 數據 創建美觀的 Chartsjs 圖表。
使用您過去的所有數據,在幾個點擊中可視化高級統計數據。 您需要安裝至少一個外掛程序,才能使用捷徑。

需要 Gravity Forms v2.3+。

>> 示範網站 <<

所有代碼現在已轉移到 GitHub 上:MaxiCharts on Github

外掛程序

您需要至少安裝其中之一:

Maxicharts Gravity Forms 源外掛程式:圖表所有 Gravity Forms 提交數據
MaxiCharts CSV 外掛程式:以便对 CSV 文件进行图形化处理

可選外掛程式:

MaxiCharts Gravity View 外掛程式:以便对 Gravity View“批准”的條目进行筛选
MaxiCharts Query Builder 外掛程式:使用Query Builder 筛选图表上的实时条目
MaxiCharts 扩展颜色外掛程式:“扩展颜色集”):扩展颜色集

用法

使用文章可視化編輯器上的新按鈕,一次添加多個捷徑!
您無論如何都需要安裝核心 MaxiCharts 外掛程式,然後如果例如使用 Gravity Forms 外掛程式,處理的捷徑是:

[gfchartsreports gf_form_id="form_id" include="fieldNb1,fieldNb2,fieldNb3,.." exclude="fieldNb4,fieldNb5,..." color_set="set" type="graphType" width="width(px|%)" float="true|false" chart_js_options="options"]

其中所有参数都是可选的:

gf_form_id:希望在 Gravity Forms 中提供表單 ID(默认为第一个表单:id=1)
type: 是圖表的类型,目前只有line、pie、doughnut、bar、horizontalBar 可用(默认为 pie)
包括:包括要包括的字段 ID(例如:include="1,3,4")
排除:排除要排除的字段 ID(例如:exclude="2,4,6")

请参见演示網站上的所有参数

示例

自定义 chartjs 选项 的餅图显示表格#1的所有字段:

[gfchartsreports chart_js_options="title: {display: true, text: 'My Funky Chart Title', fontSize:28,fontFamily:'Arial',fontColor:'#00B88A',fontStyle:'bold',padding:20}"]

以條形圖显示 Gravity form 的字段 4、7 和 18。 使用默认颜色。

[gfchartsreports gf_form_id="3"

原文外掛簡介

Create beautiful Chartsjs charts from Gravity Forms submission data or CSV data with a simple shortcode.
Use all your past data to visualize advanced statistics in a few clics. You NEED to install at least one add-on in order to use shortcodes.
Requires Gravity Forms v2.3+

>> Demonstration site #1 as pie charts with custom chartjs options for titles: [gfchartsreports chart_js_options="title: {display: true, text: 'My Funky Chart Title', fontSize:28,fontFamily:'Arial',fontColor:'#00B88A',fontStyle:'bold',padding:20}"] Displays fields 4, 7 and 18 of gravity form with bar charts. Default colors used. [gfchartsreports gf_form_id="3" include="4,7,18" type="bar"] Displays field 2 of gravity form with default pie chart. Use red color set, with not randomization. [gfchartsreports gf_form_id="2" include="2" color_set="red"] Displays all but fields 4,7,18 of gravity form with horizontalBar type charts. Use blue color set, randomized. [gfchartsreports gf_form_id="8" exclude="4,7,18" color_set="blue" color_rand="true" type="horizontalBar"] More examples here : >> Demonstration site

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「MaxiCharts」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.8 | 1.4.5 |

延伸相關外掛(你可能也想知道)

文章
Filter
Mastodon