Anyone have better examples than the ones provided in docs?

[fayazara]

The docs are super confusing, I have no idea what data to pass, can someone help me with this?

Below example has zero context and all examples in docs are like this

[lee00678]

Hi @fayazara, we have a dedicated gallery page with lots of different examples. Maybe take a look at that and see if that helps?
For example, here's a simple donut chart.

[fayazara]

Like I mentioned none of the examples show how the data is supposed yo oook like, thr example you showed also doesn't show the data.

[lee00678]

Like I mentioned none of the examples show how the data is supposed yo oook like, thr example you showed also doesn't show the data.

All the examples on the gallery page come with a data tab, which showcases the format of data. Below is an example of the donut chart's data tab I linked earlier.

In the vue example you import it as import { data, DataRecord } from './data'
./data is the your data file.

[fayazara]

Why can't I see this?? 😅

[fayazara]

Okay, its only available on the Gallery, not on the component reference, this is a bit confusing tbh

[fayazara]

Are there any examples for simple charts? Single bar chart, single line graph.

Almost all examples on the Gallery are Grouped Bar, Multiline graph with gaps

[lee00678]

Hi @fayazara, we have a simple line chart on the gallery page. As for simple bar chart, we have Grouped bar and stacked bar components. If you want to render a simple bar chart, just simply pass in an array of one Y values to a grouped bar component, and that should give you a simple bar chart. See an example here.