Using Alternative charts with wappler query

[whlrb]

@Teodor
I guess what my feature request is looking for is an X-Y scatter graph. Maybe that is my issue, perhaps the line graphs x axis is always serial in nature.

Is it possible to turn a wappler query result into an array that I can pass to a charts.js graph?

[Hyperbytes]

Yes, you can use the app connect array component to create an array based on a server action result

[whlrb]

Perfect, thanks a million, now I just need to brush up on my JS to get this into the the following format for charts.js XY scatter.

[{
x: -10,
y: 0
}, {
x: 0,
y: 10
}, {
x: 10,
y: 5
}]

[whlrb]

Are these dmx array’s JS arrays that I can use by just referencing in JS do you know? ie. In your example can I just ref arr1 in a JS script section as if it was a standard JS array?

[Hyperbytes]

This may help

Working with Arrays

The Array component in Wappler allows you to store items in arrays and manage them. Here we will show you a simple example of how to use an array in order to create a tags input, where you enter tags and display them below the input. Remove tag functionality is also available, so that it removes the selected tag from the array. [tags] Adding Tags List We created a simple Bootstrap 4 page, which contains a form input: [Screenshot_3] Select the text input and click the insert after button: …