內容簡介
使用簡單的代碼即可從 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 #3 的字段 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 << All code has been moved to GitHub now : MaxiCharts on Github Add-ons You NEED to install at least one of them: Maxicharts Gravity Forms source add-on : chart all Gravity Forms submission data MaxiCharts CSV add-on : in order to graph CSV files Optional add-ons: MaxiCharts Gravity View add-on : in order to filter entries on Gravity View “approved” ones MaxiCharts Query Builder add-on : Real time filter entries on graph using Query Builder MaxiCharts Extended Colors add-on “Extended Colors”) : Extended colors sets Usage Use the post visual editor brand new button to add as many shortcodes as you want in a few clics ! You need to install the core MaxiCharts plugin in any case, then if you use, for example Gravity Forms add-on, the shortcode processed is: [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"] where all parameters are optional: gf_form_id : expects the form ID in Gravity Forms (defaults to first form : id=1) type : is the type of graph, at the moment only line,pie,doughnut,bar,horizontalBar available (defaults to pie) include : expects the field ids to include (example : include="1,3,4") exclude : expects the field ids to exlude (example : exclude="2,4,6") see all parameters on demonstration site Examples Display all fields of form #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 #3 with bar charts. Default colors used. [gfchartsreports gf_form_id="3" include="4,7,18" type="bar"] Displays field 2 of gravity form #2 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 #8 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 <<
