[WordPress] 外掛分享: Pie and Donut charts

首頁外掛目錄 › Pie and Donut charts
10+
安裝啟用
尚無評分
2094 天前
最後更新
問題解決
v1.0.0 上架:2020-08-05

內容簡介

使用 chart.js 库创建交互式饼图:

1)使用简短的代码

2)Elementor 饼图插件

代码示例-

1)[piechart id = ’23’ data = ‘20,40,30’ label = ‘apple,orange,grapes’ type = ‘polarArea’]

2)[piechart id = ’24’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘pie’]

3)[piechart id = ’25’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘doughnut’]

特点

* 100%响应式和交互式
* 在文章和页面任何位置使用
* 编写或创建简短的代码。
* Elementor 部件,可实时编辑图表
* 使用开源的 chart.js JavaScript 库
* 对于同一页面上的多个图表,请使用唯一的 ID / 图表 ID
* 基于 Canvas 的图表</li>
* Shortcode 需要 4 个参数。 1)id 2)data 3)label 4)type
* "type" 参数可以是 1)饼图 2)圆环图 3)极地区域图

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Pie and Donut charts」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Make interactive pie charts using chart.js library using:
1) Simple short code
2) Elementor Widget Pie Chart
Shortcode Example-
1) [piechart id = ’23’ data = ‘20,40,30’ label = ‘apple,orange,grapes’ type = ‘polarArea’]
2) [piechart id = ’24’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘pie’]
3) [piechart id = ’25’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘doughnut’]
Features

* 100% Responsive and interactive
* Use anywhere in post and pages.
* Write or Create simple short code.
* Elementor Widget for live editing of charts
* Using Open source chart.js Javascript Library
* For multiple charts on same page, use unique id/chart id
* Canvas based charts

* Shortcode requires 4 parameters. 1) id 2) data 3) label 4) type
* "type" paratmeter can be either 1) pie 2) doughnut 3) polarArea

延伸相關外掛

文章
Filter
Apply Filters
Mastodon