# Advanced Chart Options - How to add multiple options?

**URL:** <https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828>\
**Category:** ℹ️ Support\
**Tags:** analytics-app\
**Created:** [January 31, 2023, 1:49pm UTC](https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828 "2023-01-31T13:49:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jdnasc](https://help.nextcloud.com/letter_avatar/jdnasc/32/5_5575768a8748004e209b776fc1b2916d.png) [@jdnasc](https://help.nextcloud.com/u/jdnasc)\
**Post date:** [January 31, 2023, 1:49pm UTC](https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828/1 "2023-01-31T13:49:38Z")

</div>

Hello!  
I am trying to add two simple customizations to a chart: Add Y-Axis label, and enable X-Axis gridlines. Using the Chart Options (advance) input field in the app, I am able to apply ONE of these using the syntax discerned from the documentation they work individually, but I can’t seem to figure out the proper way to add BOTH together. For example if I use the input:

{“scales”: {“primary”: {“title”: {“display”: “true”, “text”: “% Load”}}}}

The y-axis label is added to the chart. Similarly, if I user the input:

{“scales”: {“xAxes”: {“grid”: {“display”: “true”, “drawOnChartArea”: “true”}}}}

The grid lines are correctly displayed. But if I add BOTH to the input field, the chart will not render. I have tried different delimiters between the inputs (CR, space, comma, etc.) but these do not seem to work. Do the parameters need to be somehow “bundled” together into one line?

I presume I am missing something very simple, and any help is appreciated!  
Regards,  
JN

---

<div class="post-metadata">

**Author:** ![rcjca](https://help.nextcloud.com/letter_avatar/rcjca/32/5_5575768a8748004e209b776fc1b2916d.png) [@rcjca](https://help.nextcloud.com/u/rcjca)\
**Post date:** [July 27, 2023, 5:54pm UTC](https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828/2 "2023-07-27T17:54:39Z")

</div>

Did you figure this out? I don’t see any replies. You must follow a JSON5 syntax and add double quotes around all string entities. I was able to set the desired scales, and grid line color, and line style.

---

<div class="post-metadata">

**Author:** ![Rello](https://help.nextcloud.com/user_avatar/help.nextcloud.com/rello/32/166_2.png) [@Rello](https://help.nextcloud.com/u/Rello)\
**Post date:** [November 27, 2023, 8:26pm UTC](https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828/3 "2023-11-27T20:26:57Z")

</div>

{“scales”: {“primary”: {“title”: {“display”: “true”, “text”: “% Load”}}, “xAxes”: {“grid”: {“display”: “true”, “drawOnChartArea”: “true”}}}}

this should work, I guess.  
Primary and xAxis are just 2 sub arrays of scales

---

<div class="post-metadata">

**Author:** ![system](https://help.nextcloud.com/user_avatar/help.nextcloud.com/system/32/29333_2.png) [@system](https://help.nextcloud.com/u/system)\
**Post date:** [September 26, 2024, 1:13pm UTC](https://help.nextcloud.com/t/advanced-chart-options-how-to-add-multiple-options/154828/4 "2024-09-26T13:13:27Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.