DesignableChartConfig

Configs

18

Axis styling

The stroke color used for the axis lines and ticks, or null for theme default.

The text color used for the axis labels / ticks, or null to use axisColor.

The maximum tick rotation in degrees.

The minimum tick rotation in degrees.

Chart elements

Whether to show the chart's legend.

Whether to show the chart subtitle.

showTitle: Boolean= falseAlso a property

Whether to show the chart title.

Layout

Padding around the entire chart area, in pixels.

subtitlePadding: Object= {"top":0,"bottom":10,"left":10,"right":10}Also a property

Padding around the chart subtitle, in pixels.

titlePadding: Object= {"top":10,"bottom":5,"left":10,"right":10}Also a property

Padding around the chart title, in pixels.

Series styling

dataPointShape: square | circle | diamond | triangle | none= circleAlso a property

The shape to use for data point markers, or 'none' for no markers.

seriesLineDash: dot | dash | solid= solidAlso a property

The type of stroke to use for data series lines.

The opacity of data series lines, from zero to one.

The thickness of data series lines, in pixels.

Styling

The chart background color, or null for transparent.

The stroke color used for the grid lines, or null for theme default.

The font to use for the chart subtitle.

Default:

{
   family    : 'sans-serif',
   size      : 20,
   bold      : true,
   italic    : false,
   color     : '#3A4750',
   darkColor : '#ddd',
   underline : false
}

The font to use for the chart title.

Default:

{
   family    : 'sans-serif',
   size      : 24,
   bold      : true,
   italic    : false,
   color     : '#3A4750',
   darkColor : '#ddd',
   underline : false
}

Properties

20

Axis styling

The stroke color used for the axis lines and ticks, or null for theme default.

The text color used for the axis labels / ticks, or null to use axisColor.

The maximum tick rotation in degrees.

The minimum tick rotation in degrees.

Chart elements

Whether to show the chart's legend.

Whether to show the chart subtitle.

showTitle: Boolean= falseAlso a config

Whether to show the chart title.

Class hierarchy

isDesignableChartConfig: Boolean= truereadonly
Identifies an object as an instance of DesignableChartConfig class, or subclass thereof.
isDesignableChartConfig: Boolean= truereadonlystatic
Identifies an object as an instance of DesignableChartConfig class, or subclass thereof.

Layout

Padding around the entire chart area, in pixels.

subtitlePadding: Object= {"top":0,"bottom":10,"left":10,"right":10}Also a config

Padding around the chart subtitle, in pixels.

titlePadding: Object= {"top":10,"bottom":5,"left":10,"right":10}Also a config

Padding around the chart title, in pixels.

Series styling

dataPointShape: square | circle | diamond | triangle | none= circleAlso a config

The shape to use for data point markers, or 'none' for no markers.

seriesLineDash: dot | dash | solid= solidAlso a config

The type of stroke to use for data series lines.

The opacity of data series lines, from zero to one.

The thickness of data series lines, in pixels.

Styling

The chart background color, or null for transparent.

The stroke color used for the grid lines, or null for theme default.

The font to use for the chart subtitle.

Default:

{
   family    : 'sans-serif',
   size      : 20,
   bold      : true,
   italic    : false,
   color     : '#3A4750',
   darkColor : '#ddd',
   underline : false
}

The font to use for the chart title.

Default:

{
   family    : 'sans-serif',
   size      : 24,
   bold      : true,
   italic    : false,
   color     : '#3A4750',
   darkColor : '#ddd',
   underline : false
}