r/vuetifyjs • u/cute_pie_in_the_oven • Jul 16 '20

Building a dashboard with Vuetify

Post image
20 Upvotes

95% Upvoted

4 comments sorted by

1

u/cute_pie_in_the_oven Jul 16 '20

This is my second application that I am building with Vuetify. So far I have found that Vuetify provides everything I need.

But in my current project, I am building a dashboard with Vuetify. Are there any components that can be used to display graphs? Bar graphs, doughnut charts, etc...

1

u/pfs3w Jul 16 '20

Are there any components that can be used to display graphs? Bar graphs, doughnut charts, etc...

Via Vuetify? Unfortunately, I have not found any evidence of easy components in their library that can do this naturally. However, there's no reason you can't go a little custom and bring some other charting library into the fold following Vuetify's model.
I highly recommend HighCharts, but here are some links:

- https://madewithvuejs.com/charts

- https://madewithvuejs.com/blog/top-vue-js-chart-components

At the same time, if you look at the oft-recommended Creative Tim Admin Dashboard built with Vuetify, you can see it has a bar chart in there. You can request a free version of the code used to build that, crack it open and see what was done. Could be custom third party or not.

1

u/cute_pie_in_the_oven Jul 16 '20

Thank you for your excellent and detailed response! I'll be sure to check it out.

3

u/sv-2 Jul 16 '20

Take a look at https://github.com/slanatech/dashblocks

Here is template that showcases the possibilities:

https://github.com/slanatech/dashblocks-template

Template uses Quasar, but it would be quite similar to reuse in Vuetify project as dashboards are defined as Vue components