Customizing charts

Charts can be styled using the Style tab. However, they can be customized further in the State tab.

note

The State tab is an advanced tool. If you cannot find it in your application, contact your system administrator.

In the State tab you can add a plotly attribute and use the layout, data or config properties to override the default configuration and modify certain aspects of Plotly charts. For example, to change the chart legend's position to horizontal, you can add the following code:

	"plotly": {
		"layout": {
			"legend": {
				"orientation": "h"
			}
		}
	}

You can use the data property to change a line chart to only display the markers:

	"plotly": {
		"data": {
			"commonTraceOverride": {
				"mode": "markers"
			}
		}
	}

You can use the config property to edit the Plotly configuration options. For example, you can have the display mode bar always be visible:

	"plotly": {
		"config": {
			"displayModeBar": true
		}
	}