Link to plugin page: https://zeroqode.com/plugin/google-charts-1512891028097x505474522021888000โ
Plugin for displaying google charts on Bubble framework. This plugin has the following list of charts:
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.
๏ปฟ
2. Place the Google charts element on the page editor:
3. Choose Type of chart, add values, provide title and legend. 4. Done. Preview the result.
This plugin has the visual element Google Charts which should be used on a page, a (can be used right after the plugin installation and indicating data source).
Properties fields
For example:
Two values are given in the Legend field: Sales, Expenses. Their Data Values will be 1000, 1170, 660, 1030, 400, 460, 1120, 540. The plugin takes the first four values and sets them to the first element (Sales) and another four to the second one (Expenses). The schematic example you can see on this matrix:
The first column is the x-axis, then the other columns are formed from the values โโin the legends with the values โโassigned by the plugin from the field of the data values.
The dimensions in the data are often displayed on vertical axis, that can be formatted the following way:
You can control the formatting of label numbers with vAxis.
Locales
Locales are used to customize the text for a country or language, affecting the formatting of values such as currencies, dates, and numbers.
By default, the Google Charts is loaded with the "en" locale. You can override this default by explicitly specifying a locale in the loading settings. Currency Patterns locales: https://www.localeplanet.com/icu/currency-pattern.html๏ปฟ
โ
Examples:
Column Chart
๏ปฟ
Pie Chart
๏ปฟ
Table Chart
Update 15/11/20 -
Update 1/07/21
๏ปฟ
โUpdate 4/03/22
Update 10/03/22
Added a new field to change the background color (Version: 1.17.0)
Live demo: https://zeroqode-demo-01.bubbleapps.io/google_chartsโ
๏ปฟ