Example of data sets and options

[laiaquixalos]

Hi, I'm trying your component on the Adapt Learning. Idon't know how to put de labels and dada sets. It returns me syntax error all time. Could you explain how to introduce them?
Thank you very much.

[dancgray]

Hi @laiaquixalos are you using the authoring tool?

The documentation could do with updating, I'll sort that out shortly.

In the authoring tool for a line chart you could add the following for data sets and options fields:
In "Data Sets" enter the following:

{ "labels": [ "Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running" ], "datasets": [ { "label": "My First dataset", "backgroundColor": "rgba(179,181,198,0.2)", "borderColor": "rgba(179,181,198,1)", "pointBackgroundColor": "rgba(179,181,198,1)", "pointBorderColor": "#fff", "pointHoverBackgroundColor": "#fff", "pointHoverBorderColor": "rgba(179,181,198,1)", "data": [ 65, 59, 90, 81, 56, 55, 40 ] }, { "label": "My Second dataset", "backgroundColor": "rgba(255,99,132,0.2)", "borderColor": "rgba(255,99,132,1)", "pointBackgroundColor": "rgba(255,99,132,1)", "pointBorderColor": "#fff", "pointHoverBackgroundColor": "#fff", "pointHoverBorderColor": "rgba(255,99,132,1)", "data": [ 28, 48, 40, 19, 96, 27, 100 ] } ] }

In "Options" enter the following:

{ "title": { "display": true, "text": "Custom Chart Title" } }

Should produce a chart like this:

[laiaquixalos]

Hi! Thank you very much. That has been helpfull. 😀