And as a preview I have two plugins that you have to pay for, namely from Thimo it's ApexChart.js. I hope you could see how we can create charts in Bubble with real data. And with that you have to think about whether you will pay for the advertising train or maybe Bubble will solve the whole issue and make the colours visible here as well. I think that AmCharts is relatively expensive with 180 dollars per year as a licence and another 450 dollars per year service retainer. There is the possibility to set the theme colour to dark in order to hide the legend and advertising more easily.Ĭonversely, however, the contrast of your colours will also disappear. However, because we are not in the Premium Plugin, we have the legend from JSCharts at AmCharts. If we now go to Preview, we see the products with the legend in the different colours. Finally, we define the border with a size of 1 and a light grey. For this we do a search for numbers of pieces and select the colours we have created as hexcodes in the database. You can also see the style of the colour here. We make Data source, Do a search for quantities. And I have already prepared for this that we have set the different colours for the individual products in the database. That's why there is another plugin AmCharts, which is not a free plugin, but has a free version. But we have the problem that we cannot change the colour in the Bubble plugin. And we see that we can also display the quantities of the different products here. The Value Expression Piece Count, the Label Expression Product. We now plot this data again with a pie chart. We see that product 4 and product 3 have the largest quantities. And so we can now see here in our network diagram how the different products affect the piece counts. Value Expression Piece Count and Label Expression we take the product. In the database we have seen that we have different products with different numbers of units in order to have a weighting of the different products.ĭo a search for quantities. This is exciting for the data points of the different products. Adjust the colours again and you will now see, when we go to Preview, that we have now also displayed the sales figures as a bar chart. The data source is again a search.Īnd format as Label Expression Date. And you can see now how we have the sales figures from the database and display the whole thing on a line chart. We will now adjust the colours a little bit. We now get the month and the year, so to speak. We format the whole thing to display it better. You can insert that, of course.įor Value Expression we take the paragraph and for Label Expression we take the date. We don't need any conditions here, we'll take all of them. Data source: Do a search for sales figures. And the first thing we're going to do is create a line chart. We now go to the design tab and we see Line Bar Chart here. This is an official plugin from Bubble and it's free. If we now go to Plugins, you will see that we have installed the Chart Element Plugin from Bubble. You can see 2016, 17, 18, 19, 20 and in the numbers of units in the database we have a separate colour and the products and the respective number of units of the product. In the Data app, we have different numbers for sales and data behind them. One is sales figures with a number and a date and the other is unit sales to show the different products and also to have the colour here. I have two different categories in the database. Hello, my name is Chris Strobl and today I'm going to show you how we can create very different diagrams and charts in Bubble. And there are the very nice plug-ins by Thimo, which have to be paid for: However, this requires an AmCharts licence. German Bubble.io Tutorial - Create diagrams and chartsįor more complex charts, there is the plugin AmCharts We work with the free official Bubble.io plugin ChartElement. In this video you will learn how to create charts and diagrams in Bubble.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |