Title: Chartsy Author: cosmicinfosoftware Published: 2026 年 3 月 31 日 Last modified: 2026 年 5 月 29 日 --- 搜尋外掛 ![](https://ps.w.org/chartsy/assets/banner-772x250.jpg?rev=3571196) ![](https://ps.w.org/chartsy/assets/icon.svg?rev=3508221) # Chartsy 由 [cosmicinfosoftware](https://profiles.wordpress.org/cosmicinfosoftware/) 開發 [下載](https://downloads.wordpress.org/plugin/chartsy.1.0.3.zip) * [詳細資料](https://tw.wordpress.org/plugins/chartsy/#description) * [使用者評論](https://tw.wordpress.org/plugins/chartsy/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/chartsy/#installation) * [開發資訊](https://tw.wordpress.org/plugins/chartsy/#developers) [技術支援](https://wordpress.org/support/plugin/chartsy/) ## 外掛說明 Chartsy is a powerful WordPress chart plugin built with ApexCharts.js, designed to create responsive, interactive, and visually appealing charts. It uses high-performance SVG rendering to ensure smooth animations, precise interactivity, and sharp display across all devices. Whether you’re showcasing business data or complex analytics, Chartsy makes your data easy to understand and engaging. With an intuitive admin interface and real-time preview, you can quickly customize charts by adjusting colors, fonts, legends, and axes. This flexibility helps you build professional data visualizations faster and more efficiently without any complexity. ### Features ⭐ **18+ Advanced Chart Types** – Create everything from standard Line, Area, and Bar charts to complex Candlestick, Heatmap, Treemap, Timeline, Radar, and Polar Area visualizations. ⭐ **Dynamic Multi-Series Support** – Easily manage multiple data series in a single chart with synchronized legends, shared tooltips, and independent styling for every series. ⭐ **Flexible Data Connection** – Connect to manual data entry, local or remote CSV files, Google Sheets, SQL databases, REST APIs, or use custom WordPress filters for deep programmatic integration. ⭐ **Interactive Toolbar& Controls** – Empower users with built-in tools for Zooming (pinching supported), Panning, Selection-zooming, and a one-click Reset to the original view. ⭐ **Professional Export Suite** – Provide users with the ability to download charts directly as PNG images, SVG files, or CSV/PDF documents for offline viewing and reporting. ⭐ ** Real-time Admin Preview** – Experience zero-latency editing with a live preview system that reflects every change to data sources or styling immediately within the admin panel. ⭐ **Precision Plot Options** – Deep control over chart geometry including rounded corners (border-radius), stack types (Normal vs 100% Stacked), grouped bars, and custom offset values. ⭐ **Advanced Axis Customization** – Configure multiple Y-axes, custom label formatting, shared scales, grid-line visibility, and precise range controls for both X and Y dimensions. ⭐ **Premium Card Design System**– Wrap your charts in beautiful “cards” with custom background gradients, adjustable padding/margins, solid or dashed borders, and rich box-shadow effects. ⭐ **Elementor Widget** – Elementor widget for chartsy charts there easily drag and drop and choose your chart. ⭐ **Dynamic Annotations & Labels** – Add custom data labels, markers, and forecast points to highlight specific values or trends, with full control over font styles and background colors. ⭐ **Developer Friendly Architecture** – Built for developers with extensive hooks (filters and actions) allowing you to inject data or modify chart configurations programmatically. ⭐ **Responsive & Touch Optimized**– Charts are fully adaptive by default, responding to screen size changes and supporting native touch gestures for mobile interactions like swipe and pinch. ⭐ **24/7 Dedicated Support** – Our expert support team is available around the clock to help you with installation, configuration, or any technical questions you may have. ⭐ **Shortcode Support** – Seamlessly embed your charts anywhere on your site using simple shortcodes:`[ Chartsy id="123"]`. ### External Services This plugin includes the following open-source libraries: 1. [ApexCharts.js](https://apexcharts.com/) A modern interactive SVG chart library used to power the chart functionality. License: MIT ## 螢幕擷圖 [⌊Column Chart⌉⌊Column Chart⌉[ Column Chart [⌊Line Chart⌉⌊Line Chart⌉[ Line Chart [⌊Pie Chart⌉⌊Pie Chart⌉[ Pie Chart [⌊Bar Chart⌉⌊Bar Chart⌉[ Bar Chart [⌊Donut Chart⌉⌊Donut Chart⌉[ Donut Chart [⌊Radar Chart⌉⌊Radar Chart⌉[ Radar Chart [⌊Polar Chart⌉⌊Polar Chart⌉[ Polar Chart [⌊Treemap Chart⌉⌊Treemap Chart⌉[ Treemap Chart [⌊Admin Chart Preview⌉⌊Admin Chart Preview⌉[ Admin Chart Preview [⌊Chart Default Settings – Configure basic chart options like type, height, animations, and toolbar.⌉⌊Chart Default Settings – Configure basic chart options like type, height, animations, and toolbar.⌉[ Chart Default Settings – Configure basic chart options like type, height, animations, and toolbar. [⌊Data Settings Panel – Easily manage chart data, series, and dynamic data sources.⌉⌊ Data Settings Panel – Easily manage chart data, series, and dynamic data sources .⌉[ Data Settings Panel – Easily manage chart data, series, and dynamic data sources. [⌊X-Axis Settings – Customize labels, categories, positioning, and formatting for the horizontal axis.⌉⌊X-Axis Settings – Customize labels, categories, positioning, and formatting for the horizontal axis.⌉[ X-Axis Settings – Customize labels, categories, positioning, and formatting for the horizontal axis. [⌊Y-Axis Settings – Control value ranges, labels, scaling, and multiple axis configurations.⌉⌊ Y-Axis Settings – Control value ranges, labels, scaling, and multiple axis configurations .⌉[ Y-Axis Settings – Control value ranges, labels, scaling, and multiple axis configurations. [⌊Grid Settings (Style) – Adjust grid appearance including lines, colors, and stroke styles.⌉⌊Grid Settings (Style) – Adjust grid appearance including lines, colors, and stroke styles.⌉[ Grid Settings (Style) – Adjust grid appearance including lines, colors, and stroke styles. [⌊Tooltip Settings – Enable and style tooltips with position, alignment, and typography options.⌉⌊Tooltip Settings – Enable and style tooltips with position, alignment, and typography options.⌉[ Tooltip Settings – Enable and style tooltips with position, alignment, and typography options. [⌊Legend Settings – Enable and style chart legends with position, alignment, and typography options.⌉⌊Legend Settings – Enable and style chart legends with position, alignment, and typography options.⌉[ Legend Settings – Enable and style chart legends with position, alignment, and typography options. [⌊Data Labels Settings – Display and customize values directly on chart elements with full styling control.⌉⌊Data Labels Settings – Display and customize values directly on chart elements with full styling control.⌉[ Data Labels Settings – Display and customize values directly on chart elements with full styling control. ## 安裝方式 1. Upload the plugin to the `/wp-content/plugins/chartsy/` directory or install it via Plugins > Add New. 2. Activate the plugin through the Plugins menu in WordPress. 3. Navigate to **Chartsy** in the WordPress admin menu to create a new chart. 4. Choose your desired chart type and configure your data. 5. Style your chart using the comprehensive settings tabs: **Chart Settings**, **Legend**,** Axes**, **Tooltips**, and **Card Styling**. 6. Use the shortcode `[Chartsy id="SLIDER_ID"]` to display your chart anywhere on your site, where `SLIDER_ID` is the ID of your chart. ## 常見問題集 ### How do I create a chart? Navigate to Chartsy > Add New in your WordPress admin, configure your chart settings and data, and save. Then use the shortcode provided in the sidebar to display it on any page or post. ### Does this plugin support responsive design? Absolutely! All charts created with Chartsy are fully responsive and adapt to different screen sizes. ### Can I export my charts? Yes, you can enable the interactive toolbar in the settings, which allows users to download the chart as an image (PNG/SVG) or as data (CSV/PDF). ### Will this work with my page builder? Yes, Chartsy works with all major page builders like Elementor, Divi, Beaver Builder, and Gutenberg via the shortcode implementation. ### What kind of support do you provide? We provide 24/7 dedicated technical support for all our users. If you encounter any issues, simply contact us through our website. ## 使用者評論 ![](https://secure.gravatar.com/avatar/f2949e1420c186ba7fe9eafb8f5c406b6b29ddebb639e7c7da6f93d39b784643? s=60&d=retro&r=g) ### 󠀁[Promising](https://wordpress.org/support/topic/promising-42/)󠁿 [Martin Sauter](https://profiles.wordpress.org/martinsauter/) 2026 年 4 月 14 日 Very nice chart plugin: Easy to understand, with a lot of options to design a chart, produces professional looking results. [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Chartsy〉的開發相關工作。 參與者 * [ cosmicinfosoftware ](https://profiles.wordpress.org/cosmicinfosoftware/) [將〈Chartsy〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/chartsy) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/chartsy/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/chartsy/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/chartsy/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/chartsy/)。 ## 變更記錄 #### 1.0.0 * Initial release * ApexCharts.js-powered responsive interactive charts * 18+ advanced chart types supported (Line, Area, Bar, Heatmap, Treemap, etc.) * Real-time admin preview system * Advanced customization for axes, legends, tooltips, and markers * Interactive toolbar with zoom, pan, and download options * Shortcode implementation for universal compatibility #### 1.0.1 * Pie chart options fixed * Add label color options #### 1.0.2 * Improved Radialbar charts * Improved Timeline chart * Create elementor widget #### 1.0.3 * WordPress 7.0 compatibility verified * Added Free vs Pro comparison table in settings * Fixed data mapping and rendering for candlestick and timeline charts * Improved data fields display logic in the editor * Fixed translation warning in Elementor widget and minor shortcode display issues ## 中繼資料 * 版本 **1.0.3** * 最後更新 **3 週前** * 啟用安裝數 **200+** * WordPress 版本需求 ** 5.2 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/chartsy/) * 標籤: * [charts](https://tw.wordpress.org/plugins/tags/charts/)[data visualization](https://tw.wordpress.org/plugins/tags/data-visualization/) [graphs](https://tw.wordpress.org/plugins/tags/graphs/) * [進階檢視](https://tw.wordpress.org/plugins/chartsy/advanced/) ## 評分 5 星，滿分為 5 星 * [ 1 個 5 星使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/chartsy/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/chartsy/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/chartsy/reviews/) ## 參與者 * [ cosmicinfosoftware ](https://profiles.wordpress.org/cosmicinfosoftware/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/chartsy/)