Common parameters

Status of this document
Release	0.0.1

The configuration parameters in this page can be applied to any visualisation.

Selector and color scale

Option	Syntax examples	Description	Values
selector	div .chart_container #awesome_chart	Selector for the HTML elements where the chart will be generated.	Tag, class or id selectors supported by D3
colorScale	Colors.category7() d3.scale.category10()	Color scale to be applied to the chart. Proteus-charts provides a set of color scales 🎨 in adition to D3 color scales. You can also define your own scales if you wish.	Proteus or D3 color scales

Chart size

Option	Syntax examples	Description	Values
width	100px 80% auto	Width of the chart	Any of the possible CSS height values
height	100	Height of the chart	Integer number

Margins

Option	Syntax examples	Description	Values
marginTop	100px 80% auto	Top margin of the chart	Any of the possible CSS margin-top values
marginRight	100px 80% auto	Right margin of the chart	Any of the possible CSS margin-right values
marginBottom	100px 80% auto	Bottom margin of the chart	Any of the possible CSS margin-bottom values
marginLeft	100px 80% auto	Left margin of the chart	Any of the possible CSS margin-left values

Events