> For the complete documentation index, see [llms.txt](https://gebra-it.gitbook.io/wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gebra-it.gitbook.io/wiki/configuration/app-editor/app-editor-properties/chartdatajson.md).

# ChartDataJson

### ChartDataJson

This is a more complex method to configure the chart than chartData but offers a lot more possibilities.

See a [List](https://www.chartjs.org/docs/latest/charts/line.html) of properties, you can set per line, or bar:

```json
[{
    "data": "OverallPrice", //the column to take for the line values from the sub dataset
    "color": "red", //line color
    "fill": "false" //do not fill the gap to the bottom line
},
{
    "data": "OwnPrice", //the column to take for the line values from the sub dataset
    "color": "blue",
    "backgroundColor": "yellow", //background color for the gap or the bar, in case of a bar chart
    "fill": "0" //means you fill the gab to the first (0) line. 
}]
```