Title: bChart &#8211; Interactive Data Charts
Author: bPlugins
Published: <strong>2021 年 11 月 3 日</strong>
Last modified: 2026 年 5 月 19 日

---

搜索插件

![](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://cn.wordpress.org/plugins/b-chart/#description)
 * [评价](https://cn.wordpress.org/plugins/b-chart/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/b-chart/#installation)
 * [开发进展](https://cn.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 Settings One
 * [[
 * Bar Chart Settings Two
 * [[
 * Bar Chart Settings Three
 * [[
 * Bar Chart Settings Four
 * [[
 * Pie Chart Preview
 * [[
 * Pie Chart Settings One
 * [[
 * Pie Chart Settings Two
 * [[
 * Line Chart Types: MultLine/Single
 * [[
 * Line Chart Settings One
 * [[
 * Line Chart Settings Two
 * [[
 * Line Chart Settings Three
 * [[
 * Scatter Chart Preview
 * [[
 * Scatter Chart Settings One
 * [[
 * Scatter Chart Settings Two
 * [[
 * Radar Chart Preview
 * [[
 * Radar Chart Settings One
 * [[
 * Radar Chart Settings Two
 * [[
 * Gauge Chart Types
 * [[
 * Gauge Chart Settings One
 * [[
 * Gauge Chart Settings Two
 * [[
 * Funnel Chart Types: Horizantal/ Vertical
 * [[
 * Funnel Chart Settings One
 * [[
 * Funnel Chart Settings Two
 * [[
 * Heatmap Chart Preview
 * [[
 * Heatmap Chart Settings One
 * [[
 * Heatmap Chart Settings Two
 * [[
 * Candlestick Chart Types: Candlestick/Hollow
 * [[
 * Candlestick Chart Types: HLC/OHLC
 * [[
 * Candlestick Chart Types: Heikin-Aswhi/Line
 * [[
 * Candlestick Chart Types: Area
 * [[
 * Candlestick Chart Settings One
 * [[
 * Candlestick Chart Settings Two

## 区块

该插件提供了 1 个区块.

 *   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 `<?php echo do_shortcode('YOUR_SHORTCODE');?
    >` 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**
 *  最后更新：**1 周前**
 *  活跃安装数量 **60+**
 *  WordPress 版本 ** 6.5 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.1 或更高版本 **
 *  语言
 * [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://cn.wordpress.org/plugins/tags/block/)[chart](https://cn.wordpress.org/plugins/tags/chart/)
   [chart.js](https://cn.wordpress.org/plugins/tags/chart-js/)[data visualization](https://cn.wordpress.org/plugins/tags/data-visualization/)
   [graph](https://cn.wordpress.org/plugins/tags/graph/)
 *  [高级视图](https://cn.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)