Charting library added

Dittofi has always given you the option to manually add charts to your app. However, this update you add 100% customizable, pre-built charts to your app through drag & drop. All of the charts can be connected directly to your back-end database. This means that in just a few clicks, you can add graphs to your apps front-end and then connect these to real data sets stored inside your apps database.

To use the graphs in your own app development (1) add the chart to your page, (2) choose the components that you want to include in your graph (bar, line, area etc.), (3) bind your graph to a collection variable that is configured to receive data and finally, (4) set the “data keys” for your x and y values. For example, a bar chart configuration would look like this:

As with all of the pre-baked elements that we give you, these charts are 100% customizable from within the visual editor. Set colors, tooltips, gridlines, legends and so on. If you want to get really custom, then you can also access the source code and start to edit this directly.

Dittofi To give you an example of some of the different types of things that you can build with charts, we have also released an analytics dashboard template. This application, along with each line of enterprise grade code, is available for free directly inside the Dittofi Design Studio.

** Technical note ** Dittofi lets you integrate with any charting library and use this to create your own reusable components. However for this specific update, we used the Recharts library.

Login to Dittofi to add charts to your web app.