Charts for Bubble Mobile

1. Add the Chart element to your page.

2. Set the chartType property to "line".

3. In the Data JSON field, enter your data in the following format:

plain text
[
  { "label": "January", "value": 120, "color": "#2196F3" },
  { "label": "February", "value": 90, "color": "#FF5722" },
  { "label": "March", "value": 150, "color": "#4CAF50" },
  { "label": "April", "value": 80, "color": "#9C27B0" },
  { "label": "May", "value": 200, "color": "#FFC107" }
]

4. Enable showLegend and showLabels for better readability.

2. Set a title for your chart, for example, "Monthly Sales".

3. Set the chart size

1. Create a database with your chart data.

2. Transform your database data into the required JSON format using Bubble's built-in functions.

3. Connect the resulting JSON to the Data JSON property of the chart element using a dynamic expression.

• Minor update (Marketing Update).