IChartConfig
Home > @gooddata/sdk-ui-charts > IChartConfig
IChartConfig interface
Chart config is used to customize visual aspects of the different charts.
Signature:
export interface IChartConfig
Remarks
At the moment, a single structure is used for all the charts - however not all options are applicable to all charts.
As is, using the not-applicable option for a chart will be ignored. Going forward, we will add warnings to notify developers that the option has no effect.
Note: some properties of the chart config leak unnecessary implementation detail and should not be used. These properties are marked as internal.
Properties
| Property | Type | Description |
|---|---|---|
| colorMapping? | IColorMapping[] | (Optional) Specify custom coloring. |
| colorPalette? | IColorPalette | (Optional) Specify color palette to use when coloring the chart. |
| colors? | string[] | (Optional) Specify list of colors (#rrggbb) to use when coloring the chart. |
| dataLabels? | IDataLabelsConfig | (Optional) Customize visibility of the data labels. |
| dataPoints? | IDataPointsConfig | (Optional) Customize visibility of the data points. |
| disableDrillUnderline? | boolean | (Optional) Disable underlining of drillable items. |
| dualAxis? | boolean | (Optional) This turns on dual axis support for ComboChart visualization. |
| enableChartSorting? | boolean | (Optional) Enables custom sorting of visualizations. |
| enableCompactSize? | boolean | (Optional) Enables more compact rendering of visualization in small containers. |
| enableJoinedAttributeAxisName? | boolean | (Optional) Enable attribute axis name for the column, bar and bullet charts when view by many attributes. |
| enableReversedStacking? | boolean | (Optional) Enables change order of stacked items in bar chart. |
| enableSeparateTotalLabels? | boolean | (Optional) |
| forceDisableDrillOnAxes? | boolean | (Optional) Disables drilling by clicking on axis labels. |
| grid? | IGridConfig | (Optional) Configure chart grid. |
| legend? | ILegendConfig | (Optional) Configure how legend appears and behaves. |
| legendLayout? | "vertical" | "horizontal" | (Optional) Configure whether legend items should be laid-out vertically (column legend) or horizontally (line legend). |
| primaryChartType? | "line" | "column" | "area" | (Optional) Sets the chart type for primary measures. |
| secondary_xaxis? | IAxisConfig | (Optional) Customize visibility of the secondary X axis, what should be on the secondary X axis and how it should look like. |
| secondary_yaxis? | IAxisConfig | (Optional) Customize visibility of the secondary Y axis, what should be on the secondary Y axis and how it should look like. |
| secondaryChartType? | "line" | "column" | "area" | (Optional) Sets the chart type for secondary measures. |
| separators? | ISeparators | (Optional) Customize what separators to use between different segments of formatted numbers (thousands, decimals etc). |
| stackMeasures? | boolean | (Optional) Applicable for Area, Bar, Column and Combo charts which have more than one measure. |
| stackMeasuresToPercent? | boolean | (Optional) This turns on measure stacking and client-side calculation of percentage contribution. |
| xaxis? | IAxisConfig | (Optional) Customize visibility of the primary X axis, what should be on the primary X axis and how it should look like. |
| xFormat? | string | (Optional) Customize format string to use for numeric tics on the X axis. |
| xLabel? | string | (Optional) Customize name of the x axis |
| yaxis? | IAxisConfig | (Optional) Customize visibility of the primary Y axis, what should be on the primary Y axis and how it should look like. |
| yFormat? | string | (Optional) Customize format string to use for numeric tics on the Y axis. |
| yLabel? | string | (Optional) Customize name of the y axis |
| zoomInsight? | boolean | (Optional) Allow zooming and panning in a chart. |