MARKETPLACE
PLUGINS
APEX + CHARTJS (CHART BUNDLE LITE)
Apex + Chartjs (Chart Bundle Lite) logo

Apex + Chartjs (Chart Bundle Lite)

Published July 2026
   β€’    Updated July 2026

Plugin details

Tired of slow, heavy charting plugins that break your app's performance and limit your design? Chart Bundle Lite is a premium, ultra-lightweight charting solution built natively on the powerful Chart.js and ApexCharts engines. We've stripped out all the unnecessary bloat to give you lightning-fast rendering, beautiful out-of-the-box aesthetics, and seamless responsiveness.
Whether you need a simple bar chart or a complex dual-axis mixed financial chart, Chart Bundle Lite gives you total control over your data visualization without sacrificing page speed.

✨ Why Choose Chart Bundle Lite?

Zero Bloat: Highly optimized code ensures your charts load instantly.
Auto-Routing Engine: Automatically switches between Chart.js and ApexCharts under the hood to ensure the best rendering engine is used for your specific chart type.
Export to PNG: Built-in actions allow your users to download their charts as images with a single click.
Responsive by Default: Charts automatically resize and adapt to any container or screen size.
Customizable: Fully control colors, gridlines, legends, and animations.

πŸ“Š 19 Supported Chart Types Included!

Standard: Line, Bar, Pie, Doughnut, Radar, PolarArea, Scatter, Bubble, Step
Advanced: Heatmap, Treemap, RadialBar, Gauge, Funnel, basic Waterfall, Boxplot
Dedicated Elements: OHLC / Candlestick (Financial), Mixed Chart (Dual Y-Axis) & Waterfall
And more to come!

πŸ’Ž Need More Customization? Upgrade to Premium!
Chart Bundle Lite is intentionally designed to be a streamlined, lightweight plugin. It focuses heavily on making data mapping incredibly easy with just enough background and color customization to look great out-of-the-box.

If you are a power user who needs maximum control over every single pixel, axis line, tooltip format, and advanced animation, we highly recommend upgrading to the full Chart Bundle Premium (Chartjs +Apex) plugin. The Premium version unlocks the full, unrestricted power of both charting engines!

πŸ’Έ Test It Risk-Free! (How Bubble Pro-Rata Works)
Not sure if this is the right plugin for your app? Test it out for pennies!

Bubble automatically prorates all monthly plugin subscriptions to the exact day. This means you can subscribe to Chart Bundle Lite, install it in your app, and test every single feature. If you decide it's not for you and uninstall it after 3 days, Bubble will only charge you for those 3 days (just a few dollars!) instead of the full month.

Try it completely risk-free and see the speed difference for yourself!

$49

One time  β€’  Or  $7/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

NoCodeWithAnkitJ logo
NoCodeWithAnkitJ
Joined 2020   β€’   1 Plugin
View contributor profile

Instructions

πŸ“š How to Use (Documentation) Getting started with Chart Bundle Lite is incredibly easy. The plugin is split into three main elements to keep the interface clean and easy to use.

1. The Main Element ("Chart Bundle Lite")
Use this element for 90% of your charting needs (Bar, Line, Pie, Funnel, Radar, etc.).

Drag the Chart Bundle Lite element onto your page.
In the properties panel, select your desired Chart Type from the dropdown.
Provide your X-Axis Labels (e.g., a dynamic Search for Things -> group by Date).
Provide your Series Data. You can map up to 5 different data series using the Series 1-5 properties. Just pass a list of numbers!
Customize your colors, title, and grid settings.
2. Dedicated Element: OHLC / Candlestick
Financial charts require highly specific data structures. Use this dedicated element for stock, crypto, or trading charts.

Drag the Chart Bundle : OHLC/Candlestick element onto your page.
Supply your X-Axis (Dates/Times).
Supply the 4 required data arrays: Open, High, Low, and Close.
(Optional) Supply a Volume array. The plugin will automatically draw a beautiful volume bar chart underneath the candlesticks, colored green or red depending on the closing price!
3. Dedicated Element: Mixed Chart
Need to compare revenue (Bars) against profit margins (Lines) on completely different scales? Use the Mixed Chart element!

Drag the Chart Bundle : Mixed Chart element onto your page.
Map your X-Axis labels.
For each Series, define its Type (e.g., column, line, area).
Pro-Tip: Check the Opposite Axis box for any series to instantly generate a Dual Y-Axis layout!

⚑ Actions & Events

Refresh Chart: Use this workflow action to force a chart to re-render (useful if you dynamically change container sizes).

Export Chart to PNG: Triggers an image download of the chart.

A Chart is Exported: A workflow event that fires when the PNG generation is complete. You can access the Base64 Image URL via the element's exposed state to save it to your Bubble database!

A Chart Value is Clicked: Fires when a user clicks a data point. Use the element's exposed states to retrieve the exact clicked value, label, and series name.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Chart   β€’   Productivity   β€’   Analytics   β€’   Technical   β€’   Containers   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble