[WordPress] 外掛分享： TP PieBuilder

內容簡介

這個外掛為您提供優雅的長條圖和多種設計和色彩的圓餅圖，例如：預設圓餅圖、環狀圓餅圖和極座標圓餅圖。

自定義和靈活性

TP PieBuilder 允許您通過短代碼輕鬆自定義顏色。此外，這個外掛還允許您通過 CSS 自定義標題。

短代碼

= 預設屬性： =
    * title = ”，// 可選
    * values = ”，// *以百分比（％）表示（應以逗號“，”分隔。即：60、40）
    * labels = ”，// *（應以逗號“，”分隔。即：設計、開發）
    * colors = ” // 可選最多10個元素，否則 *（應以“，”分隔。即：＃E6E6FA、＃E0FFFF）

圓餅圖的Alt屬性：
* fontfamily = 'ariel'，// 可選，您可以更改默認字體系列
* fontstyle = 'italic'，// 可選，您可以將默認字體樣式更改為常規或粗體
預設圓餅圖的短代碼：
[TP_PIEBUILDER title="圓餅圖" values="20、30、50" labels="設計、開發、生產" colors="#E6E6FA，＃E0FFFF，＃F8B4BC"]
環狀圓餅圖的短代碼：
[TP_PIEBUILDER_DOUGHNUT title="圓餅圖" values="20、30、50" labels="設計、開發、生產" colors="#E6E6FA，＃E0FFFF，＃F8B4BC"]
極座標圓餅圖的短代碼：
[TP_PIEBUILDER_POLAR title="圓餅圖" values="20、30、50" labels="設計、開發、生產" colors="#E6E6FA，＃E0FFFF，＃F8B4BC"]
長條圖的短代碼：
[TP_PIEBUILDER_BAR title="圓餅圖" values="20、30、50" labels="設計、開發、生產" colors="#E6E6FA，＃E0FFFF，＃F8B4BC"]
橫向長條圖的短代碼：
[TP_PIEBUILDER_HORIZONTAL_BAR title="圓餅圖" values="20、30、50" labels="設計、開發、生產" colors="#E6E6FA，＃E0FFFF，＃F8B4BC"]

外掛標籤

開發者團隊

原文外掛簡介

This Plugin provides you an elegent Bar Graph and Pie Charts with multiple designs and colors. ie. Default Pie Chart, Doughnut Pie Chart and Polar Pie Chart.
Customization and Flexibility
TP PieBuilder offers you a very easy customization of color from shortcode. This plugin allows you to customize title from css.
Shortcodes
= Defaults Atts :- =
* title = ”, // Optional
* values = ”, // * in percentage (%) ( should be seperated by comma (‘,’). ie: 60, 40 )
* labels = ”, // * ( should be seperated by comma (‘,’). ie: Design, Development )
* colors = ” // Optional till 10 elements else * ( should be seperated by ‘,’. ie: #E6E6FA, #E0FFFF )
Alt Atts for Pie Charts only:
* fontfamily = 'ariel', // Optional, you can change the defult font family
* fontstyle = 'italic', // Optional, you can change the defult font style to normal or bold

Default Piechart Shortcode:
[TP_PIEBUILDER title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]

Doughnut Piechart Shortcode:
[TP_PIEBUILDER_DOUGHNUT title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]

Polar Piechart Shortcode:
[TP_PIEBUILDER_POLAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]

Bar Graph Shortcode:
[TP_PIEBUILDER_BAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]

Horizontal Bar Graph Shortcode:
[TP_PIEBUILDER_HORIZONTAL_BAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]