{"id":290738,"date":"2026-03-31T15:44:02","date_gmt":"2026-03-31T15:44:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/chartsy\/"},"modified":"2026-04-01T16:57:54","modified_gmt":"2026-04-01T16:57:54","slug":"chartsy","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/chartsy\/","author":23398363,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.9.4","requires":"5.2","requires_php":"7.4","requires_plugins":null,"header_name":"Chartsy","header_author":"cosmicinfosoftware","header_description":"Chartsy - lets you easily add dynamic, customizable charts to any page builder using a simple and powerful interface.","assets_banners_color":"0c322e","last_updated":"2026-04-01 16:57:54","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/cosmicinfosoftware.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":70,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"cosmicinfosoftware","date":"2026-04-01 16:57:54"},"1.0.1":{"tag":"1.0.1","author":"cosmicinfosoftware","date":"2026-04-01 16:57:54"}},"upgrade_notice":{"1.0.0":"<p>Initial release. Install to start creating professional interactive charts for your WordPress site.<\/p>","Support":"<p>For support, feature requests, or bug reports, please visit https:\/\/cosmicinfosoftware.com\/contact<\/p>"},"ratings":[],"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":3496845,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3495772,"resolution":"1544x500","location":"assets","locale":""},"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3496845,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3496845,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3496845,"resolution":"1","location":"assets","locale":""},"screenshot-1.png":{"filename":"screenshot-1.png","revision":3495772,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3496845,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3496845,"resolution":"11","location":"assets","locale":""},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3496845,"resolution":"12","location":"assets","locale":""},"screenshot-13.png":{"filename":"screenshot-13.png","revision":3496845,"resolution":"13","location":"assets","locale":""},"screenshot-14.png":{"filename":"screenshot-14.png","revision":3496845,"resolution":"14","location":"assets","locale":""},"screenshot-15.png":{"filename":"screenshot-15.png","revision":3496845,"resolution":"15","location":"assets","locale":""},"screenshot-16.png":{"filename":"screenshot-16.png","revision":3496845,"resolution":"16","location":"assets","locale":""},"screenshot-17.png":{"filename":"screenshot-17.png","revision":3496845,"resolution":"17","location":"assets","locale":""},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":3496845,"resolution":"2","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3495772,"resolution":"2","location":"assets","locale":""},"screenshot-3.gif":{"filename":"screenshot-3.gif","revision":3496845,"resolution":"3","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3495772,"resolution":"3","location":"assets","locale":""},"screenshot-4.gif":{"filename":"screenshot-4.gif","revision":3496845,"resolution":"4","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3495772,"resolution":"4","location":"assets","locale":""},"screenshot-5.gif":{"filename":"screenshot-5.gif","revision":3496845,"resolution":"5","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3495772,"resolution":"5","location":"assets","locale":""},"screenshot-6.gif":{"filename":"screenshot-6.gif","revision":3496845,"resolution":"6","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3495772,"resolution":"6","location":"assets","locale":""},"screenshot-7.gif":{"filename":"screenshot-7.gif","revision":3496845,"resolution":"7","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3495772,"resolution":"7","location":"assets","locale":""},"screenshot-8.gif":{"filename":"screenshot-8.gif","revision":3496845,"resolution":"8","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3495772,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3496845,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Column Chart","2":"Line Chart","3":"Pie Chart","4":"Bar Chart","5":"Donut Chart","6":"Radar Chart","7":"Polar Chart","8":"Treemap Chart","9":"Admin Chart Preview","10":"Chart Default Settings \u2013 Configure basic chart options like type, height, animations, and toolbar.","11":"Data Settings Panel \u2013 Easily manage chart data, series, and dynamic data sources.","12":"X-Axis Settings \u2013 Customize labels, categories, positioning, and formatting for the horizontal axis.","13":"Y-Axis Settings \u2013 Control value ranges, labels, scaling, and multiple axis configurations.","14":"Grid Settings (Style) \u2013 Adjust grid appearance including lines, colors, and stroke styles.","15":"Tooltip Settings \u2013 Enable and style tooltips with position, alignment, and typography options.","16":"Legend Settings \u2013 Enable and style chart legends with position, alignment, and typography options.","17":"Data Labels Settings \u2013 Display and customize values directly on chart elements with full styling control."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[259115,4108,11746,4109,259116],"plugin_category":[],"plugin_contributors":[250812],"plugin_business_model":[],"class_list":["post-290738","plugin","type-plugin","status-publish","hentry","plugin_tags-apexcharts","plugin_tags-charts","plugin_tags-data-visualization","plugin_tags-graphs","plugin_tags-responsive-chart","plugin_contributors-cosmicinfosoftware","plugin_committers-cosmicinfosoftware"],"banners":{"banner":"https:\/\/ps.w.org\/chartsy\/assets\/banner-772x250.jpg?rev=3496845","banner_2x":"https:\/\/ps.w.org\/chartsy\/assets\/banner-1544x500.png?rev=3496845","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/chartsy\/assets\/icon.svg?rev=3496845","icon":"https:\/\/ps.w.org\/chartsy\/assets\/icon.svg?rev=3496845","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-1.png?rev=3495772","caption":"Column Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-2.png?rev=3495772","caption":"Line Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-3.png?rev=3495772","caption":"Pie Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-4.png?rev=3495772","caption":"Bar Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-5.png?rev=3495772","caption":"Donut Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-6.png?rev=3495772","caption":"Radar Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-7.png?rev=3495772","caption":"Polar Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-8.png?rev=3495772","caption":"Treemap Chart"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-9.png?rev=3496845","caption":"Admin Chart Preview"},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-10.png?rev=3496845","caption":"Chart Default Settings \u2013 Configure basic chart options like type, height, animations, and toolbar."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-11.png?rev=3496845","caption":"Data Settings Panel \u2013 Easily manage chart data, series, and dynamic data sources."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-12.png?rev=3496845","caption":"X-Axis Settings \u2013 Customize labels, categories, positioning, and formatting for the horizontal axis."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-13.png?rev=3496845","caption":"Y-Axis Settings \u2013 Control value ranges, labels, scaling, and multiple axis configurations."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-14.png?rev=3496845","caption":"Grid Settings (Style) \u2013 Adjust grid appearance including lines, colors, and stroke styles."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-15.png?rev=3496845","caption":"Tooltip Settings \u2013 Enable and style tooltips with position, alignment, and typography options."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-16.png?rev=3496845","caption":"Legend Settings \u2013 Enable and style chart legends with position, alignment, and typography options."},{"src":"https:\/\/ps.w.org\/chartsy\/assets\/screenshot-17.png?rev=3496845","caption":"Data Labels Settings \u2013 Display and customize values directly on chart elements with full styling control."}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<h3>Features<\/h3>\n\n<p>\u2b50 <strong>18+ Advanced Chart Types<\/strong> \u2013 Create everything from standard Line, Area, and Bar charts to complex Candlestick, Heatmap, Treemap, Timeline, Radar, and Polar Area visualizations.\n\u2b50 <strong>Dynamic Multi-Series Support<\/strong> \u2013 Easily manage multiple data series in a single chart with synchronized legends, shared tooltips, and independent styling for every series.\n\u2b50 <strong>Flexible Data Connection<\/strong> \u2013 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.\n\u2b50 <strong>Interactive Toolbar &amp; Controls<\/strong> \u2013 Empower users with built-in tools for Zooming (pinching supported), Panning, Selection-zooming, and a one-click Reset to the original view.\n\u2b50 <strong>Professional Export Suite<\/strong> \u2013 Provide users with the ability to download charts directly as PNG images, SVG files, or CSV\/PDF documents for offline viewing and reporting.\n\u2b50 <strong>Real-time Admin Preview<\/strong> \u2013 Experience zero-latency editing with a live preview system that reflects every change to data sources or styling immediately within the admin panel.\n\u2b50 <strong>Precision Plot Options<\/strong> \u2013 Deep control over chart geometry including rounded corners (border-radius), stack types (Normal vs 100% Stacked), grouped bars, and custom offset values.\n\u2b50 <strong>Advanced Axis Customization<\/strong> \u2013 Configure multiple Y-axes, custom label formatting, shared scales, grid-line visibility, and precise range controls for both X and Y dimensions.\n\u2b50 <strong>Premium Card Design System<\/strong> \u2013 Wrap your charts in beautiful \"cards\" with custom background gradients, adjustable padding\/margins, solid or dashed borders, and rich box-shadow effects.\n\u2b50 <strong>Dynamic Annotations &amp; Labels<\/strong> \u2013 Add custom data labels, markers, and forecast points to highlight specific values or trends, with full control over font styles and background colors.\n\u2b50 <strong>Developer Friendly Architecture<\/strong> \u2013 Built for developers with extensive hooks (filters and actions) allowing you to inject data or modify chart configurations programmatically.\n\u2b50 <strong>Responsive &amp; Touch Optimized<\/strong> \u2013 Charts are fully adaptive by default, responding to screen size changes and supporting native touch gestures for mobile interactions like swipe and pinch.\n\u2b50 <strong>24\/7 Dedicated Support<\/strong> \u2013 Our expert support team is available around the clock to help you with installation, configuration, or any technical questions you may have.\n\u2b50 <strong>Shortcode Support<\/strong> \u2013 Seamlessly embed your charts anywhere on your site using simple shortcodes: <code>[Chartsy id=\"123\"]<\/code>.<\/p>\n\n<h3>External Services<\/h3>\n\n<p>This plugin includes the following open-source libraries:<\/p>\n\n<ol>\n<li><a href=\"https:\/\/apexcharts.com\/\">ApexCharts.js<\/a>\nA modern interactive SVG chart library used to power the chart functionality.\nLicense: MIT<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin to the <code>\/wp-content\/plugins\/chartsy\/<\/code> directory or install it via Plugins &gt; Add New.<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress.<\/li>\n<li>Navigate to <strong>Chartsy<\/strong> in the WordPress admin menu to create a new chart.<\/li>\n<li>Choose your desired chart type and configure your data.<\/li>\n<li>Style your chart using the comprehensive settings tabs: <strong>Chart Settings<\/strong>, <strong>Legend<\/strong>, <strong>Axes<\/strong>, <strong>Tooltips<\/strong>, and <strong>Card Styling<\/strong>.<\/li>\n<li>Use the shortcode <code>[Chartsy id=\"SLIDER_ID\"]<\/code> to display your chart anywhere on your site, where <code>SLIDER_ID<\/code> is the ID of your chart.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20create%20a%20chart%3F\"><h3>How do I create a chart?<\/h3><\/dt>\n<dd><p>Navigate to Chartsy &gt; 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.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20support%20responsive%20design%3F\"><h3>Does this plugin support responsive design?<\/h3><\/dt>\n<dd><p>Absolutely! All charts created with Chartsy are fully responsive and adapt to different screen sizes.<\/p><\/dd>\n<dt id=\"can%20i%20export%20my%20charts%3F\"><h3>Can I export my charts?<\/h3><\/dt>\n<dd><p>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).<\/p><\/dd>\n<dt id=\"will%20this%20work%20with%20my%20page%20builder%3F\"><h3>Will this work with my page builder?<\/h3><\/dt>\n<dd><p>Yes, Chartsy works with all major page builders like Elementor, Divi, Beaver Builder, and Gutenberg via the shortcode implementation.<\/p><\/dd>\n<dt id=\"what%20kind%20of%20support%20do%20you%20provide%3F\"><h3>What kind of support do you provide?<\/h3><\/dt>\n<dd><p>We provide 24\/7 dedicated technical support for all our users. If you encounter any issues, simply contact us through our website.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>ApexCharts.js-powered responsive interactive charts<\/li>\n<li>18+ advanced chart types supported (Line, Area, Bar, Heatmap, Treemap, etc.)<\/li>\n<li>Real-time admin preview system<\/li>\n<li>Advanced customization for axes, legends, tooltips, and markers<\/li>\n<li>Interactive toolbar with zoom, pan, and download options<\/li>\n<li>Shortcode implementation for universal compatibility<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Pie chart options fixed<\/li>\n<li>Add label color options<\/li>\n<\/ul>","raw_excerpt":"Chartsy - lets you easily add dynamic, customizable charts to any page builder using a simple and powerful interface.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/290738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=290738"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/cosmicinfosoftware"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=290738"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=290738"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=290738"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=290738"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=290738"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=290738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}