What's Included:
📈 Line Chart Pro

Up to 3 data series with individual colors
Smooth bezier curves or straight lines
Gradient area fill under each line
Solid/dashed/dotted line styles
Circle/square/none point markers
Crosshair on tap, tooltip with series + value
Legend with color-coded series names

📊 Bar Chart Pro

Grouped or stacked bar modes
Vertical or horizontal orientation
Rounded or sharp corners
Value labels displayed on bars
Up to 3 data series

🥧 Pie / Donut Chart Pro

Toggle between full pie or ring-style donut
Adjustable donut thickness
Tap-to-explode slice interaction
Auto-calculated percentage labels
Custom center label for donut style
Legend positioning: top, bottom, or right

〰️ Area Chart Pro

Stacked or overlapping area modes
Adjustable fill opacity
Smooth curves with gradient fills
Optional line border on top of fill

Setup Instructions:

Install the plugin in your Bubble app
Drag any of the 4 chart elements onto your native mobile page
Resize to fit your layout — all charts are fully responsive
Fill in the data fields:
Line/Bar/Area: series_1_data, series_2_data, series_3_data (lists of numbers), series_labels, labels (X-axis)
Pie/Donut: labels, values, optional colors
Customize appearance using the style-specific fields (colors, grid, legend, animation, etc.)

Passing Dynamic Bubble Data:
Use Search for [Thing]:each item's [field] directly into any "Is a list" field — no need to convert to text or JSON.

Tap Interactions:
Every chart exposes tap data via states:

tapped_label, tapped_value, tapped_series/tapped_percentage, tapped_index
Use "When [Chart] Point/Slice Tapped" as a workflow trigger to react to any interaction

Tips:

Leave series_2_data / series_3_data empty to render a single-series chart
animation_duration controls how fast the chart animates in on load (in milliseconds)
All colors accept Bubble's native color picker — no hex codes required
For Pie/Donut, center_label only shows when chart_style is set to donut