Title: Chart Block – Visualize Data with Bar, Line, Pie Charts Author: bPlugins Published: 2021年10月15日 Last modified: 2026年5月18日 --- プラグインを検索 ![](https://ps.w.org/chart-block/assets/banner-772x250.png?rev=3401746) ![](https://ps.w.org/chart-block/assets/icon-128x128.png?rev=2614766) # Chart Block – Visualize Data with Bar, Line, Pie Charts 作者: [bPlugins](https://profiles.wordpress.org/bplugins/) [ダウンロード](https://downloads.wordpress.org/plugin/chart-block.1.1.7.zip) * [詳細](https://ja.wordpress.org/plugins/chart-block/#description) * [レビュー](https://ja.wordpress.org/plugins/chart-block/#reviews) * [インストール](https://ja.wordpress.org/plugins/chart-block/#installation) * [開発](https://ja.wordpress.org/plugins/chart-block/#developers) [サポート](https://wordpress.org/support/plugin/chart-block/) ## 説明 This plugin can represent tabular numeric data, functions or some kinds of quality structure and provides different info. **Live 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. #### Features * **Fully Customizable**: All the options you need to arrange the showcase to your liking are available here. * **Different Types**: Chart block comes with different types, you can easily switch the type of chart. #### How to use * First, install the Chart Block plugin * Add the Chart Block from the block category called “Widgets” in the Gutenberg editor. * You can change block settings from the right-side settings sidebar. * Enjoy! * For Installation help click on Installation Tab #### Feedback * Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://ja.wordpress.org/plugins/chart-block/support@bplugins.com?output_format=md) ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. ### 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 * [[ * Line Chart * [[ * Bar Chart with Subtitle * [[ * Pie Chart with Text, Background and Grid line color * [[ * Rader Chart without Title * [[ * Doughnut Chart * [[ * Polar Area Chart ## ブロック このプラグインは1個のブロックを提供します。 * Chart Graphical representation for data visualization. ## インストール #### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Chart Block** 3. Click on the **Chart Block** to add the block #### Download & Upload: 1. Download the **Chart Block** plugin (_.zip file_) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`chart-block.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! #### Manually: 1. Download and upload the **Chart Block** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress ## FAQ ### Is Chart Block free? Yes, Chart Block is a free Gutenberg block plugin. ### Does it work with any WordPress theme? Yes, it will work with any standard WordPress theme. ### Can I change block settings? Yes, you can change block settings from the Gutenberg block editor’s right sidebar. ### How many times can I reuse a block? You can use unlimited times as you want. ### Where can I get support? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/chart-block/) ## 評価 ![](https://secure.gravatar.com/avatar/ca9b10837a3dcafc9705ae52ef16761c0a2a162d80da2d5426753c4cf9dc59ea? s=60&d=retro&r=g) ### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-3689/)󠁿 [Matej Podstrelenec](https://profiles.wordpress.org/matejpodstrelenec/) 2025年11 月16日 Great plugin that does exactly what is supposed to. No spam, just pure functionality. ![](https://secure.gravatar.com/avatar/b526830963918e0fd69a57b7be1fbb7cc435c73342836ca99f4d41c93c22207f? s=60&d=retro&r=g) ### 󠀁[Spot on](https://wordpress.org/support/topic/spot-on-100/)󠁿 [wigglypoppins](https://profiles.wordpress.org/wigglypoppins/) 2023年10月26日 Really great plugin and does almost everything I need it to out of the box, thanks! It would be good if you had more control over your dataset keys to change font size or have them appear on the respective data point permanently (like they do on hover) Also a possible addition to your chart types could be a demographic display with 100 people icons and highlighting a percentage of them relative to your data ![](https://secure.gravatar.com/avatar/11a90cd4769341059293aba75d87ad361d19c13fd3076bb919d78752bfc39c03? s=60&d=retro&r=g) ### 󠀁[Muy buen plugin](https://wordpress.org/support/topic/muy-buen-plugin-256/)󠁿 [luisglave](https://profiles.wordpress.org/luisglave/) 2023年7月21日 Cumple con todas mis necesidades de publicar gráficos en mi sitio web ![](https://secure.gravatar.com/avatar/14d290332401d08c63ad520da9c71e8972f021c8944c30edacfd7885fb33a183? s=60&d=retro&r=g) ### 󠀁[Good Value and well designed UI](https://wordpress.org/support/topic/good-value-and-well-designed-ui/)󠁿 [tzah](https://profiles.wordpress.org/tzah/) 2023年4月21日 I was searching for plugin with an option to change the colors and styles of the graphs. This plugin is so far is the best one I have tested. It works well and I hope more features will be added to improve the product. ![](https://secure.gravatar.com/avatar/f2da086564c98fd32e34e32fc2762a028de8404cb00ea617ac6ef211f480c446? s=60&d=retro&r=g) ### 󠀁[Works well, but could be smarter](https://wordpress.org/support/topic/works-well-but-could-be-smarter/)󠁿 [Ben Byrne](https://profiles.wordpress.org/drywallbmb/) 2022年7月20日 3 replies I’m pretty happy with how this block works, it solves a need I had. But it’s annoying that it enqueues its JavaScript on every page on my site, instead of just the pages that include the block. Best practice for Blocks is to load assets on-demand rather than universally, so my site’s PageSpeed score has gone down due to using this plugin. ![](https://secure.gravatar.com/avatar/8e9d722932778df7ce6512d8fe73f46bf744e238a7f7688444ee344ac136be21? s=60&d=retro&r=g) ### 󠀁[Neat!](https://wordpress.org/support/topic/neat-70/)󠁿 [Rajesh](https://profiles.wordpress.org/udayrajesh/) 2022年6月17日 No other third party dependencies! [ 9件のレビューをすべて表示 ](https://wordpress.org/support/plugin/chart-block/reviews/) ## 貢献者と開発者 Chart Block – Visualize Data with Bar, Line, Pie Charts はオープンソースソフトウェア です。以下の人々がこのプラグインに貢献しています。 貢献者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/) “Chart Block – Visualize Data with Bar, Line, Pie Charts” は1ロケールに翻訳されてい ます。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/chart-block/contributors) のみなさん、翻訳へのご協力ありがとうございます。 [“Chart Block – Visualize Data with Bar, Line, Pie Charts” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/chart-block) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/chart-block/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/chart-block/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/chart-block/) を [RSS](https://plugins.trac.wordpress.org/log/chart-block/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.1.7 – 18 May 2026 * Added New 9 Premium Chart block styles * Added ShortCode * Added Admin Dashboard #### 1.1.6 * **Fix:** Border Issue #### 1.1.5 * Performance Improvement #### 1.1.4 * Add translate feature #### 1.1.3 * Reduce PHP Code * Performance Improvement #### 1.1.2 * Add option for height #### 1.1.1 * Reduce PHP Code #### 1.1.0 * Add option for show hide X or Y scales #### 1.0.5 * Add option for showing hide grid lines #### 1.0.4 * Add the download option for the chart #### 1.0.3 * Performance upgrade. #### 1.0.2 * Update theme and Colors. #### 1.0.1 * Add an option to change the point size. * Fix border size when hovering. #### 1.0.0 * Initial Release. ## メタ * バージョン **1.1.7** * 最終更新日 **3時間前** * 有効インストール数 **1,000+** * WordPress バージョン ** 6.5またはそれ以降 ** * 検証済み最新バージョン: **6.9.4** * PHP バージョン ** 7.1またはそれ以降 ** * 言語 * [English (US)](https://wordpress.org/plugins/chart-block/)、[Spanish (Spain)](https://es.wordpress.org/plugins/chart-block/). * [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/chart-block) * タグ * [block](https://ja.wordpress.org/plugins/tags/block/)[chart](https://ja.wordpress.org/plugins/tags/chart/) [charts](https://ja.wordpress.org/plugins/tags/charts/)[Gutenberg block](https://ja.wordpress.org/plugins/tags/gutenberg-block/) * [詳細を表示](https://ja.wordpress.org/plugins/chart-block/advanced/) ## 評価 5つ星中4.8つ星 * [ 7 5-星レビュー ](https://wordpress.org/support/plugin/chart-block/reviews/?filter=5) * [ 2 4-星レビュー ](https://wordpress.org/support/plugin/chart-block/reviews/?filter=4) * [ 0 3-星レビュー ](https://wordpress.org/support/plugin/chart-block/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/chart-block/reviews/?filter=2) * [ 0 1-星レビュー ](https://wordpress.org/support/plugin/chart-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/chart-block/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/chart-block/reviews/) ## 貢献者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/chart-block/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](https://www.buymeacoffee.com/abuhayat)