Title: bChart – Interactive Data Charts Author: bPlugins Published: 2021 年 11 月 3 日 Last modified: 2026 年 6 月 4 日 --- 搜尋外掛 ![](https://ps.w.org/b-chart/assets/banner-772x250.png?rev=3528308) ![](https://ps.w.org/b-chart/assets/icon-128x128.png?rev=2623953) # bChart – Interactive Data Charts 由 [bPlugins](https://profiles.wordpress.org/bplugins/) 開發 [下載](https://downloads.wordpress.org/plugin/b-chart.1.0.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/b-chart/#description) * [使用者評論](https://tw.wordpress.org/plugins/b-chart/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/b-chart/#installation) * [開發資訊](https://tw.wordpress.org/plugins/b-chart/#developers) [技術支援](https://wordpress.org/support/plugin/b-chart/) ## 外掛說明 Create and display a Data Chart on your site within a few clicks. Easily visualize your data! bChart is a powerful and flexible chart plugin for WordPress that transforms your data into beautiful, interactive visualizations. **[bChart Block](https://bplugins.com/products/b-chart/) | [Live Demo](https://bblockswp.com/demo/bar-chat-all-demo/) | [Support](https://bplugins.com/support/)** ### Key Features – Free Version * **9+ Premium Chart Types:** Access advanced visualizations including **Bar, Pie, Line, Scatter, Rader, Gauge, Heatmap, Candlestick, Funnel, Stacked,** and **Grouped Bar** charts. * **Custom Dimensions:** Easily set the chart width and height for perfect layout integration. * **Visual Customization:** - **Pointer Styles:** Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more). - **Pointer Size:** Customize pointer size and hover radius for better interactivity. - **Grid Controls:** Set custom grid line colors and label colors to match your site’s theme. * **Advanced Data Management:** - **CSV & JSON Import:** Effortlessly import large datasets directly from CSV or JSON files. - **Export Capability:** Export your charts as high-resolution **PNG images** or download data in **CSV/JSON** formats. - **Manual data:**Manual data entry and editing directly from the Gutenberg editor. - **Advanced Typography:** Full control over Google Fonts, font weights, and responsive font sizes for titles, labels, and legends. - **Custom Currency Support:** Add any currency symbol ($, €, £, etc.) and format data for global financial reporting. - **Specialized Scales:** Custom color scales and diverging palettes for Heatmaps and multi-series charts. * **Legend Options:** Control legend position (Top, Left, Bottom, Right) and customize label colors. * **Shortcode Support:** Use charts anywhere in your site using the easy-to-use shortcode generator. * **Responsive Design:** All charts are fully responsive and work perfectly on all devices. * **Priority Support:** Get direct access to our technical support team for fast troubleshooting and feature requests. ### Pro Version – Unlock Premium * **Advanced Controls:** Segments Separate, Donut & Semi-circle mode. * **Professional Styling:** Toggle Legend, Grid & Axis for all charts. * **Enhanced Visuals:** Customize Point Styles, Fill Area, and Curve Types. * **Download Button:** Toggle show/hide for charts in the frontend UI. * **Animation Controls:** Full control over chart animations and speed. * **Advanced Typography:** Custom Google Fonts and multi-device sizing. * **Customization:** Currency Symbols and Advanced Data Editor. #### How To Use? * Install and activate the **bChart Block** plugin. * Open a post or page in the Gutenberg editor. * Click the **+** icon and search for **bChart**. * Add the **bChart Block** and configure your chart settings directly inside the editor. OR * Go to -> bChart from Dashboard menu -> Add New Chart. * Configure the Chart according to your preference * Copy the Generated shortcode from the chart edit screen and paste in shortcode block in the edit screen of a post or page. * Enjoy creating beautiful interactive charts!!!! #### ⭐ Checkout our other WordPress Plugins 🔥 **[Html5 Audio Player](https://audioplayerwp.com/)** – Best audio player plugin for WordPress. 🔥 **[Html5 Video Player](https://wpvideoplayer.com/)** – Best video player plugin for WordPress. 🔥 **[PDF Poster](http://pdfposter.com/)** – A fully-featured PDF Viewer Plugin for WordPress. 🔥 **[StreamCast](https://wordpress.org/plugins/streamcast)** – A fully-featured Radio Player Plugin for WordPress. 🔥 **[3D Viewer](https://3d-viewer.bplugins.com/)** – Display interactive 3D models on the webs. ### External Services This plugin connects to the following external services from the admin dashboard: #### bPlugins API * **Service URL:** [https://api.bplugins.com](https://api.bplugins.com) * **Purpose:** The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details. * **Data Sent:** Only the plugin slug is transmitted; no personal or site data is collected. * **Terms of Service:** [https://bplugins.com/terms-of-service/](https://bplugins.com/terms-of-service/) * **Privacy Policy:** [https://bplugins.com/privacy-policy/](https://bplugins.com/privacy-policy/) #### WordPress.org Plugins API * **Service URL:** [https://api.wordpress.org/plugins/info/1.2/](https://api.wordpress.org/plugins/info/1.2/) * **Purpose:** The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“ Our Plugins” section). * **Data Sent:** Plugin slugs and author name; no personal or site data is collected. * **Terms of Service:** [https://wordpress.org/about/tos/](https://wordpress.org/about/tos/) * **Privacy Policy:** [https://wordpress.org/about/privacy/](https://wordpress.org/about/privacy/) ### Third-Party Libraries / bpl-tools * Source / GitHub: https://github.com/bPlugins/bpl-tools * License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html * Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. * External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https:// github.com/bPlugins/bpl-tools#external-requests–why-they-are-made ## 螢幕擷圖 [⌊Bar Chart Preview⌉⌊Bar Chart Preview⌉[ Bar Chart Preview [⌊Bar Chart Settings One⌉⌊Bar Chart Settings One⌉[ Bar Chart Settings One [⌊Bar Chart Settings Two⌉⌊Bar Chart Settings Two⌉[ Bar Chart Settings Two [⌊Bar Chart Settings Three⌉⌊Bar Chart Settings Three⌉[ Bar Chart Settings Three [⌊Bar Chart Settings Four⌉⌊Bar Chart Settings Four⌉[ Bar Chart Settings Four [⌊Pie Chart Preview⌉⌊Pie Chart Preview⌉[ Pie Chart Preview [⌊Pie Chart Settings One⌉⌊Pie Chart Settings One⌉[ Pie Chart Settings One [⌊Pie Chart Settings Two⌉⌊Pie Chart Settings Two⌉[ Pie Chart Settings Two [⌊Line Chart Types: MultLine/Single⌉⌊Line Chart Types: MultLine/Single⌉[ Line Chart Types: MultLine/Single [⌊Line Chart Settings One⌉⌊Line Chart Settings One⌉[ Line Chart Settings One [⌊Line Chart Settings Two⌉⌊Line Chart Settings Two⌉[ Line Chart Settings Two [⌊Line Chart Settings Three⌉⌊Line Chart Settings Three⌉[ Line Chart Settings Three [⌊Scatter Chart Preview⌉⌊Scatter Chart Preview⌉[ Scatter Chart Preview [⌊Scatter Chart Settings One⌉⌊Scatter Chart Settings One⌉[ Scatter Chart Settings One [⌊Scatter Chart Settings Two⌉⌊Scatter Chart Settings Two⌉[ Scatter Chart Settings Two [⌊Radar Chart Preview⌉⌊Radar Chart Preview⌉[ Radar Chart Preview [⌊Radar Chart Settings One⌉⌊Radar Chart Settings One⌉[ Radar Chart Settings One [⌊Radar Chart Settings Two⌉⌊Radar Chart Settings Two⌉[ Radar Chart Settings Two [⌊Gauge Chart Types⌉⌊Gauge Chart Types⌉[ Gauge Chart Types [⌊Gauge Chart Settings One⌉⌊Gauge Chart Settings One⌉[ Gauge Chart Settings One [⌊Gauge Chart Settings Two⌉⌊Gauge Chart Settings Two⌉[ Gauge Chart Settings Two [⌊Funnel Chart Types: Horizantal/ Vertical⌉⌊Funnel Chart Types: Horizantal/ Vertical⌉[ Funnel Chart Types: Horizantal/ Vertical [⌊Funnel Chart Settings One⌉⌊Funnel Chart Settings One⌉[ Funnel Chart Settings One [⌊Funnel Chart Settings Two⌉⌊Funnel Chart Settings Two⌉[ Funnel Chart Settings Two [⌊Heatmap Chart Preview⌉⌊Heatmap Chart Preview⌉[ Heatmap Chart Preview [⌊Heatmap Chart Settings One⌉⌊Heatmap Chart Settings One⌉[ Heatmap Chart Settings One [⌊Heatmap Chart Settings Two⌉⌊Heatmap Chart Settings Two⌉[ Heatmap Chart Settings Two [⌊Candlestick Chart Types: Candlestick/Hollow⌉⌊Candlestick Chart Types: Candlestick/ Hollow⌉[ Candlestick Chart Types: Candlestick/Hollow [⌊Candlestick Chart Types: HLC/OHLC⌉⌊Candlestick Chart Types: HLC/OHLC⌉[ Candlestick Chart Types: HLC/OHLC [⌊Candlestick Chart Types: Heikin-Aswhi/Line⌉⌊Candlestick Chart Types: Heikin-Aswhi/ Line⌉[ Candlestick Chart Types: Heikin-Aswhi/Line [⌊Candlestick Chart Types: Area⌉⌊Candlestick Chart Types: Area⌉[ Candlestick Chart Types: Area [⌊Candlestick Chart Settings One⌉⌊Candlestick Chart Settings One⌉[ Candlestick Chart Settings One [⌊Candlestick Chart Settings Two⌉⌊Candlestick Chart Settings Two⌉[ Candlestick Chart Settings Two ## 適用於區塊編輯器 這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。 * bChart Easily create and display interactive, responsive data charts with bChart. ## 安裝方式 This section describes how to install the plugin and get it working. e.g. 1. Upload `plugin-directory` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Use shortcode in page, post or in widgets. 4. If you want player in your theme php, Place `` in your templates ## 常見問題集 ### Is bChart free to use? Yes, bChart offers a powerful free version with essential chart types. We also have a Pro version with advanced styles and features. ### Does it work with the Gutenberg block editor? Absolutely! bChart is built specifically for the Gutenberg editor, allowing you to create and customize charts visually. ### Are the charts responsive? Yes, all charts generated by bChart are fully responsive and will adapt to any screen size, including mobile and tablets. ### How do I add a chart to my page? You can simply search for the “bChart” block in the Gutenberg editor or use the generated shortcode in any post or page. ## 使用者評論 ![](https://secure.gravatar.com/avatar/716098fe11091d49724b89ab64a7df9a09efe31182556cf1e33839cfd857f10a? s=60&d=retro&r=g) ### 󠀁[“Pro” OneDrive function does not work/no documentation](https://wordpress.org/support/topic/pro-onedrive-function-does-not-work-no-documentation/)󠁿 [mrteasdale1](https://profiles.wordpress.org/mrteasdale1/) 2021 年 11 月 16 日 Paid for the pro version only for the OneDrive capability. No documentation included with the plugin, no instructions on what the Redirect URI is for the plugin so pretty much worthless to me at the moment. No replies from any of the “support” email contacts and gmail contact gets generic response that the user is “On Vacation”. Quite frustrated. ![](https://secure.gravatar.com/avatar/1c943263969caa1f34632b62e4d732d57b9c039a0864288a4085dac1c5380482? s=60&d=retro&r=g) ### 󠀁[very easy to use](https://wordpress.org/support/topic/very-easy-to-use-627/)󠁿 [parbone5](https://profiles.wordpress.org/parbone5/) 2021 年 11 月 5 日 1 則留言 im japanese. I have tried many plug lines and this is the easiest to use if it is free. It also supports animation and provides a rich display without any hassle. However, it is very disappointing that it does not display a simple pie chart. You have to use a donut graph instead. Also, you cannot change the color of the donut graph as you wish. However, I have not found a plug-in that is easier to use for data visualization than this one, and I will continue to use it. ![](https://secure.gravatar.com/avatar/f3af5e110055780380fd201b2a24de5632023c1c9aebd3432f59b46344c6bad6? s=60&d=retro&r=g) ### 󠀁[Support multiple data set](https://wordpress.org/support/topic/support-multiple-data-set/)󠁿 [jannatunferdouse2](https://profiles.wordpress.org/jannatunferdouse2/) 2021 年 11 月 5 日 This plugin support multiple data set and color which enabled me to represent data properly. Best plugin for data visualization [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈bChart – Interactive Data Charts〉的開發相關工作。 參與者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ shehabulislam ](https://profiles.wordpress.org/shehabulislam/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/) 〈bChart – Interactive Data Charts〉外掛目前已有 2 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/b-chart/contributors) 為這個外掛做出的貢獻。 [將〈bChart – Interactive Data Charts〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/b-chart) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/b-chart/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/b-chart/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/b-chart/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/b-chart/)。 ## 變更記錄 #### 1.0.2 * Added New 9 Premium bChart Styles * Added ShortCode * Added Admin Dashboard #### 1.0.1 * Added Pie Chart Option * Improved Settings Panel * More organized Options * Added new Screenshots * Fix mirror issues #### 1.0.0 * Initial Release ## 中繼資料 * 版本 **1.0.2** * 最後更新 **2 週前** * 啟用安裝數 **60+** * WordPress 版本需求 ** 6.5 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [Chinese (China)](https://cn.wordpress.org/plugins/b-chart/)、[English (US)](https://wordpress.org/plugins/b-chart/)、 及 [Russian](https://ru.wordpress.org/plugins/b-chart/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/b-chart) * 標籤: * [block](https://tw.wordpress.org/plugins/tags/block/)[chart](https://tw.wordpress.org/plugins/tags/chart/) [chart.js](https://tw.wordpress.org/plugins/tags/chart-js/)[data visualization](https://tw.wordpress.org/plugins/tags/data-visualization/) [graph](https://tw.wordpress.org/plugins/tags/graph/) * [進階檢視](https://tw.wordpress.org/plugins/b-chart/advanced/) ## 評分 3.7 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=2) * [ 1 個 1 星使用者評論 ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/b-chart/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/b-chart/reviews/) ## 參與者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ shehabulislam ](https://profiles.wordpress.org/shehabulislam/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/b-chart/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://www.buymeacoffee.com/abuhayat)