> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown. # IChartConfig - Package: [@gooddata/sdk-ui-charts](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/index.md) - Kind: interface - Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-charts/src/interfaces/chartConfig.ts - Guides: [Chart configuration](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/chart-config/index.md) Chart config is used to customize visual aspects of the different charts. **Signature:** ```typescript 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 | Modifiers | Type | Description | | --- | --- | --- | --- | | [anomalies?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiganomalies) | | [IAnomalies](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ianomalies/index.md) | **_(BETA)_** _(Optional)_ Configuration of the anomalies. | | [cellImageSizing?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcellimagesizing) | | [ChartCellImageSizing](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.chartcellimagesizing/index.md) | **_(BETA)_** _(Optional)_ Configuration of the image sizing in the chart. | | [cellTextWrapping?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcelltextwrapping) | | [ChartCellTextWrapping](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.chartcelltextwrapping/index.md) | **_(BETA)_** _(Optional)_ Configuration of the text wrapping in the chart. | | [cellVerticalAlign?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcellverticalalign) | | [ChartCellVerticalAlign](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.chartcellverticalalign/index.md) | **_(BETA)_** _(Optional)_ Configuration of the vertical chart alignment. | | [chartFill?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigchartfill) | | IChartFillConfig | _(Optional)_ Configuration of the chart fill. | | [clustering?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigclustering) | | [IChartClusteringConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartclusteringconfig/index.md) | **_(BETA)_** _(Optional)_ Configuration of the clustering. | | [colorMapping?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcolormapping) | | [IColorMapping](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-vis-commons/sdk-ui-vis-commons.icolormapping/index.md)[] | _(Optional)_ Specify custom coloring. | | [colorPalette?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcolorpalette) | | [IColorPalette](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.icolorpalette/index.md) | _(Optional)_ Specify color palette to use when coloring the chart. | | [colors?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcolors) | | string[] | _(Optional)_ Specify list of colors (\#rrggbb) to use when coloring the chart. | | [comparison?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcomparison) | | [IComparison](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.icomparison/index.md) | _(Optional)_ This configuration allows users to customize how the comparative measure looks. | | [continuousLine?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcontinuousline) | | [IContinuousLineConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.icontinuouslineconfig/index.md) | _(Optional)_ Configure chart continuous line. | | [customTooltip?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigcustomtooltip) | | [ICustomTooltipConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-vis-commons/sdk-ui-vis-commons.icustomtooltipconfig/index.md) | **_(ALPHA)_** _(Optional)_ Custom tooltip configuration with Markdown content and metric/attribute references. | | [dataLabels?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigdatalabels) | | [IDataLabelsConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md) | _(Optional)_ Customize visibility of the data labels. | | [dataPoints?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigdatapoints) | | [IDataPointsConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatapointsconfig/index.md) | _(Optional)_ Customize visibility of the data points. | | [disableDrillUnderline?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigdisabledrillunderline) | | boolean | _(Optional)_ Disable underlining of drillable items. | | [distinctPointShapes?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigdistinctpointshapes) | | [IDistinctPointShapes](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idistinctpointshapes/index.md) | **_(BETA)_** _(Optional)_ Configure distinct point shapes for line-based charts. | | [dualAxis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigdualaxis) | | boolean | _(Optional)_ This turns on dual axis support for ComboChart visualization. | | [enableAccessibleTooltip?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenableaccessibletooltip) | | boolean | _(Optional)_ Enables accessible tooltip for the chart. | | [enableChartSorting?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablechartsorting) | | boolean | _(Optional)_ Enables custom sorting of visualizations. | | [enableCompactSize?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablecompactsize) | | boolean | _(Optional)_ Enables more compact rendering of visualization in small containers. | | [enableContrastSafeDerivedColors?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablecontrastsafederivedcolors) | | boolean | _(Optional)_ Keeps colors derived for comparison (period-over-period) measures at the WCAG 1.4.11 minimum 3:1 contrast ratio against the chart background. | | [enableDonutDataLabels?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenabledonutdatalabels) | | boolean | _(Optional)_ Enables the new pie/donut data label styles (inside/outside) and adaptive auto mode. When off, only the legacy auto/backplate styles are available. | | [enableJoinedAttributeAxisName?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablejoinedattributeaxisname) | | boolean | _(Optional)_ Enable attribute axis name for the column, bar and bullet charts when view by many attributes. | | [enableReversedStacking?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablereversedstacking) | | boolean | _(Optional)_ Enables change order of stacked items in bar chart. | | [enableSeparateTotalLabels?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenableseparatetotallabels) | | boolean | _(Optional)_ | | [enableSingleBubbleSeries?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigenablesinglebubbleseries) | | boolean | **_(BETA)_** _(Optional)_ Enables single series mode for bubble charts. | | [forceDisableDrillOnAxes?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigforcedisabledrillonaxes) | | boolean | _(Optional)_ Disables drilling by clicking on axis labels. | | [forecast?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigforecast) | | [IForecast](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iforecast/index.md) | **_(BETA)_** _(Optional)_ Configuration of the forecast. | | [grid?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiggrid) | | [IGridConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.igridconfig/index.md) | _(Optional)_ Configure chart grid. | | [hyperLinks?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfighyperlinks) | | [IDisplayFormHyperlinksConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idisplayformhyperlinksconfig/index.md) | **_(BETA)_** _(Optional)_ Configuration specific for hyperlinks in the chart. | | [inlineVisualizations?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiginlinevisualizations) | | [IInlineVisualizationsConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iinlinevisualizationsconfig/index.md) | **_(BETA)_** _(Optional)_ Configuration of the inline visualizations. | | [legend?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiglegend) | | [ILegendConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ilegendconfig/index.md) | _(Optional)_ Configure how legend appears and behaves. | | [legendLayout?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiglegendlayout) | | "vertical" \| "horizontal" | _(Optional)_ Configure whether legend items should be laid-out vertically (column legend) or horizontally (line legend). | | [lineShape?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiglineshape) | | [LineShape](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.lineshape/index.md) | **_(BETA)_** _(Optional)_ Controls what shape a line should have with regards to data points (i.e. line interpolation). | | [lineStyleMapping?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfiglinestylemapping) | | [ILineStyleMappingItem](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ilinestylemappingitem/index.md)[] | **_(BETA)_** _(Optional)_ Per-series line style and weight configuration for line-based charts. | | [primaryChartType?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigprimarycharttype) | | "line" \| "column" \| "area" | _(Optional)_ Sets the chart type for primary measures. | | [radarGridLineShape?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigradargridlineshape) | | "polygon" \| "circle" | **_(BETA)_** _(Optional)_ Controls the shape of the grid lines on the radial axis of a radar chart. | | [radarRenderAs?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigradarrenderas) | | "outline" \| "filled" | **_(BETA)_** _(Optional)_ Controls whether the radar chart is rendered as filled polygons ("filled") or bare polygon outlines ("outline"). | | [respectLegendPosition?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigrespectlegendposition) | | boolean | _(Optional)_ Legend positioning is not respected in some contexts. This flag enforces the specific legend position to be respected in all contexts. | | [rowHeight?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigrowheight) | | [ChartRowHeight](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.chartrowheight/index.md) | **_(BETA)_** _(Optional)_ Configuration of row height of the chart. | | [secondary\_xaxis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigsecondary_xaxis) | | [IAxisConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iaxisconfig/index.md) | _(Optional)_ Customize visibility of the secondary X axis, what should be on the secondary X axis and how it should look like. | | [secondary\_yaxis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigsecondary_yaxis) | | [IAxisConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iaxisconfig/index.md) | _(Optional)_ Customize visibility of the secondary Y axis, what should be on the secondary Y axis and how it should look like. | | [secondaryChartType?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigsecondarycharttype) | | "line" \| "column" \| "area" | _(Optional)_ Sets the chart type for secondary measures. | | [separators?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigseparators) | | [ISeparators](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.iseparators/index.md) | _(Optional)_ Customize what separators to use between different segments of formatted numbers (thousands, decimals etc). | | [sortBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigsortby) | | [ISortItem](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.isortitem/index.md)[] | _(Optional)_ Sort items to apply on the client where the backend cannot. | | [stackMeasures?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigstackmeasures) | | boolean | _(Optional)_ Applicable for Area, Bar, Column and Combo charts which have more than one measure. | | [stackMeasuresToPercent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigstackmeasurestopercent) | | boolean | _(Optional)_ This turns on measure stacking and client-side calculation of percentage contribution. | | [supportsChartFill?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigsupportschartfill) | | boolean | _(Optional)_ Whether the chart supports configurable chart fill. | | [thresholdExcludedMeasures?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigthresholdexcludedmeasures) | | string[] | _(Optional)_ Local identifier of measures that should not be affected by thresholdMeasures config. | | [thresholdMeasures?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigthresholdmeasures) | | string[] | _(Optional)_ Local identifier of measures that are used to render thresholds in the line and combo chart. Currently only the one threshold measure is supported. | | [tooltip?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigtooltip) | | [ITooltipConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itooltipconfig/index.md) | _(Optional)_ Customize the chart tooltip. | | [total?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigtotal) | | [ITotalConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itotalconfig/index.md) | _(Optional)_ Configure for the total column of Waterfall chart. | | [xaxis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigxaxis) | | [IAxisConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iaxisconfig/index.md) | _(Optional)_ Customize visibility of the primary X axis, what should be on the primary X axis and how it should look like. | | [xFormat?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigxformat) | | string | _(Optional)_ Customize format string to use for numeric tics on the X axis. | | [xLabel?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigxlabel) | | string | _(Optional)_ Customize name of the x axis | | [yaxis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigyaxis) | | [IAxisConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iaxisconfig/index.md) | _(Optional)_ Customize visibility of the primary Y axis, what should be on the primary Y axis and how it should look like. | | [yFormat?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigyformat) | | string | _(Optional)_ Customize format string to use for numeric tics on the Y axis. | | [yLabel?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigylabel) | | string | _(Optional)_ Customize name of the y axis | | [zoomInsight?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md#ichartconfigzoominsight) | | boolean | _(Optional)_ Allow zooming and panning in a chart. | ## Property details ### IChartConfig.anomalies > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the anomalies. **Signature:** ```typescript anomalies?: IAnomalies; ``` ### IChartConfig.cellImageSizing > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the image sizing in the chart. **Signature:** ```typescript cellImageSizing?: ChartCellImageSizing; ``` ### IChartConfig.cellTextWrapping > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the text wrapping in the chart. **Signature:** ```typescript cellTextWrapping?: ChartCellTextWrapping; ``` ### IChartConfig.cellVerticalAlign > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the vertical chart alignment. **Signature:** ```typescript cellVerticalAlign?: ChartCellVerticalAlign; ``` ### IChartConfig.chartFill Configuration of the chart fill. **Signature:** ```typescript chartFill?: IChartFillConfig; ``` ### IChartConfig.clustering > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the clustering. **Signature:** ```typescript clustering?: IChartClusteringConfig; ``` ### IChartConfig.colorMapping Specify custom coloring. **Signature:** ```typescript colorMapping?: IColorMapping[]; ``` #### Remarks This is done using (predicate, color) pairs. The different entities to chart (e.g. data point, or a measure slice for particular attribute value) will be evaluated against the predicates. The color will be associated in first-found approach. ### IChartConfig.colorPalette Specify color palette to use when coloring the chart. **Signature:** ```typescript colorPalette?: IColorPalette; ``` #### Remarks Note: The color palette is the primary way to specify the colors. If you specify both `colorPalette` and `colors`, then colorPalette will be used. ### IChartConfig.colors Specify list of colors (\#rrggbb) to use when coloring the chart. **Signature:** ```typescript colors?: string[]; ``` ### IChartConfig.comparison This configuration allows users to customize how the comparative measure looks. **Signature:** ```typescript comparison?: IComparison; ``` #### Remarks Note: currently, this property only supports headlines. ### IChartConfig.continuousLine Configure chart continuous line. **Signature:** ```typescript continuousLine?: IContinuousLineConfig; ``` ### IChartConfig.customTooltip > **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Custom tooltip configuration with Markdown content and metric/attribute references. **Signature:** ```typescript customTooltip?: ICustomTooltipConfig; ``` ### IChartConfig.dataLabels Customize visibility of the data labels. **Signature:** ```typescript dataLabels?: IDataLabelsConfig; ``` #### Remarks Data Labels typically appear within chart (e.g. next to a bar, inside a pie slice) ### IChartConfig.dataPoints Customize visibility of the data points. **Signature:** ```typescript dataPoints?: IDataPointsConfig; ``` #### Remarks Data points mark non-extrapolated data in "continuous" charts like line chart, area chart and combo chart made up of these two. ### IChartConfig.disableDrillUnderline Disable underlining of drillable items. **Signature:** ```typescript disableDrillUnderline?: boolean; ``` #### Remarks Any label or text that is drillable and can be clicked is by default underlined. Set this option to true to disable underlining. ### IChartConfig.distinctPointShapes > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configure distinct point shapes for line-based charts. **Signature:** ```typescript distinctPointShapes?: IDistinctPointShapes; ``` ### IChartConfig.dualAxis This turns on dual axis support for ComboChart visualization. **Signature:** ```typescript dualAxis?: boolean; ``` #### Remarks Applicable for ComboChart only. When combo chart specifies both primary and secondary measures, it is by default treated as dual-axis chart. Both primary and secondary axis will be visible. To turn the secondary axis off for ComboChart, set dualAxis: false ### IChartConfig.enableAccessibleTooltip Enables accessible tooltip for the chart. **Signature:** ```typescript enableAccessibleTooltip?: boolean; ``` ### IChartConfig.enableChartSorting Enables custom sorting of visualizations. **Signature:** ```typescript enableChartSorting?: boolean; ``` #### Remarks Note: this property might not be supported in all the visualizations. ### IChartConfig.enableCompactSize Enables more compact rendering of visualization in small containers. **Signature:** ```typescript enableCompactSize?: boolean; ``` #### Remarks Note: this property might not be supported in all the visualizations. ### IChartConfig.enableContrastSafeDerivedColors Keeps colors derived for comparison (period-over-period) measures at the WCAG 1.4.11 minimum 3:1 contrast ratio against the chart background. **Signature:** ```typescript enableContrastSafeDerivedColors?: boolean; ``` #### Remarks When the standard derivation would produce a color too close to the background, the closest compliant blend in the same direction is used instead, and when no such blend exists the search continues in the opposite direction. Candidates keep a minimum distance from the master measure color so the two series stay distinguishable. If no candidate meets the ratio (for example on a mid-gray background), the standard color is kept. ### IChartConfig.enableDonutDataLabels Enables the new pie/donut data label styles (inside/outside) and adaptive auto mode. When off, only the legacy auto/backplate styles are available. **Signature:** ```typescript enableDonutDataLabels?: boolean; ``` ### IChartConfig.enableJoinedAttributeAxisName Enable attribute axis name for the column, bar and bullet charts when view by many attributes. **Signature:** ```typescript enableJoinedAttributeAxisName?: boolean; ``` ### IChartConfig.enableReversedStacking Enables change order of stacked items in bar chart. **Signature:** ```typescript enableReversedStacking?: boolean; ``` ### IChartConfig.enableSeparateTotalLabels **Signature:** ```typescript enableSeparateTotalLabels?: boolean; ``` ### IChartConfig.enableSingleBubbleSeries > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Enables single series mode for bubble charts. **Signature:** ```typescript enableSingleBubbleSeries?: boolean; ``` #### Remarks When enabled, all data points will be rendered as a single series instead of multiple series. This can be useful for performance optimization with large datasets or when all bubbles should be treated as a unified dataset. Default: false (multiple series mode) ### IChartConfig.forceDisableDrillOnAxes Disables drilling by clicking on axis labels. **Signature:** ```typescript forceDisableDrillOnAxes?: boolean; ``` #### Remarks When drilling is configured for a chart, users can click either the charted entities (data points, bars, columns etc) or labels on the axes. This setting an be used to disable clicks on the drillable labels on axes. ### IChartConfig.forecast > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the forecast. **Signature:** ```typescript forecast?: IForecast; ``` ### IChartConfig.grid Configure chart grid. **Signature:** ```typescript grid?: IGridConfig; ``` ### IChartConfig.hyperLinks > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration specific for hyperlinks in the chart. **Signature:** ```typescript hyperLinks?: IDisplayFormHyperlinksConfig; ``` ### IChartConfig.inlineVisualizations > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of the inline visualizations. **Signature:** ```typescript inlineVisualizations?: IInlineVisualizationsConfig; ``` ### IChartConfig.legend Configure how legend appears and behaves. **Signature:** ```typescript legend?: ILegendConfig; ``` ### IChartConfig.legendLayout Configure whether legend items should be laid-out vertically (column legend) or horizontally (line legend). **Signature:** ```typescript legendLayout?: "vertical" | "horizontal"; ``` ### IChartConfig.lineShape > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Controls what shape a line should have with regards to data points (i.e. line interpolation). **Signature:** ```typescript lineShape?: LineShape; ``` #### Remarks Only applicable to line, combo and area charts. ### IChartConfig.lineStyleMapping > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Per-series line style and weight configuration for line-based charts. **Signature:** ```typescript lineStyleMapping?: ILineStyleMappingItem[]; ``` #### Remarks Each entry maps a series to a specific line style and/or weight. A series is identified by its measure local identifier or, when the chart is segmented or stacked by an attribute, by the URI of the attribute element. Only applicable to line, area, and combo chart line and area series. ### IChartConfig.primaryChartType Sets the chart type for primary measures. **Signature:** ```typescript primaryChartType?: "line" | "column" | "area"; ``` #### Remarks Applicable for ComboChart only. Specify type of chart to use for primary measures. ### IChartConfig.radarGridLineShape > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Controls the shape of the grid lines on the radial axis of a radar chart. **Signature:** ```typescript radarGridLineShape?: "polygon" | "circle"; ``` #### Remarks - "polygon": spider web / angular grid lines (default) - "circle": concentric circular grid lines Default: "polygon" ### IChartConfig.radarRenderAs > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Controls whether the radar chart is rendered as filled polygons ("filled") or bare polygon outlines ("outline"). **Signature:** ```typescript radarRenderAs?: "outline" | "filled"; ``` #### Remarks - "filled": uses Highcharts area type in polar mode with semi-transparent fill (default) - "outline": uses Highcharts line type in polar mode with no fill Default: "filled" ### IChartConfig.respectLegendPosition Legend positioning is not respected in some contexts. This flag enforces the specific legend position to be respected in all contexts. **Signature:** ```typescript respectLegendPosition?: boolean; ``` ### IChartConfig.rowHeight > **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md). > Configuration of row height of the chart. **Signature:** ```typescript rowHeight?: ChartRowHeight; ``` ### IChartConfig.secondary_xaxis Customize visibility of the secondary X axis, what should be on the secondary X axis and how it should look like. **Signature:** ```typescript secondary_xaxis?: IAxisConfig; ``` ### IChartConfig.secondary_yaxis Customize visibility of the secondary Y axis, what should be on the secondary Y axis and how it should look like. **Signature:** ```typescript secondary_yaxis?: IAxisConfig; ``` ### IChartConfig.secondaryChartType Sets the chart type for secondary measures. **Signature:** ```typescript secondaryChartType?: "line" | "column" | "area"; ``` #### Remarks Applicable for ComboChart only. Specify type of chart to use for secondary measures. ### IChartConfig.separators Customize what separators to use between different segments of formatted numbers (thousands, decimals etc). **Signature:** ```typescript separators?: ISeparators; ``` ### IChartConfig.sortBy Sort items to apply on the client where the backend cannot. **Signature:** ```typescript sortBy?: ISortItem[]; ``` #### Remarks Used by the stacked Mekko chart to order its columns by a single measure: such a measure sort is not expressible in the execution (it would target the stack dimension), so it is kept out of the execution and the chart reorders the columns from this config instead. Other chart types ignore this property. ### IChartConfig.stackMeasures Applicable for Area, Bar, Column and Combo charts which have more than one measure. **Signature:** ```typescript stackMeasures?: boolean; ``` #### Remarks For Area chart, this is on by default. If disables, the areas will overall. For Bar and Column charts, this is off by default and each measure has its own bar or column. For Combo, only measures assigned to the left (primary) axis will be stacked. ### IChartConfig.stackMeasuresToPercent This turns on measure stacking and client-side calculation of percentage contribution. **Signature:** ```typescript stackMeasuresToPercent?: boolean; ``` #### Remarks Applicable for Area, Bar, Column and Combo charts which have more than one measure. This option has preference over the `stackMeasures` option. ### IChartConfig.supportsChartFill Whether the chart supports configurable chart fill. **Signature:** ```typescript supportsChartFill?: boolean; ``` ### IChartConfig.thresholdExcludedMeasures Local identifier of measures that should not be affected by thresholdMeasures config. **Signature:** ```typescript thresholdExcludedMeasures?: string[]; ``` ### IChartConfig.thresholdMeasures Local identifier of measures that are used to render thresholds in the line and combo chart. Currently only the one threshold measure is supported. **Signature:** ```typescript thresholdMeasures?: string[]; ``` ### IChartConfig.tooltip Customize the chart tooltip. **Signature:** ```typescript tooltip?: ITooltipConfig; ``` ### IChartConfig.total Configure for the total column of Waterfall chart. **Signature:** ```typescript total?: ITotalConfig; ``` ### IChartConfig.xaxis Customize visibility of the primary X axis, what should be on the primary X axis and how it should look like. **Signature:** ```typescript xaxis?: IAxisConfig; ``` ### IChartConfig.xFormat Customize format string to use for numeric tics on the X axis. **Signature:** ```typescript xFormat?: string; ``` ### IChartConfig.xLabel Customize name of the x axis **Signature:** ```typescript xLabel?: string; ``` ### IChartConfig.yaxis Customize visibility of the primary Y axis, what should be on the primary Y axis and how it should look like. **Signature:** ```typescript yaxis?: IAxisConfig; ``` ### IChartConfig.yFormat Customize format string to use for numeric tics on the Y axis. **Signature:** ```typescript yFormat?: string; ``` #### Remarks The format string conventions are exact same as when formatting measure values. ### IChartConfig.yLabel Customize name of the y axis **Signature:** ```typescript yLabel?: string; ``` ### IChartConfig.zoomInsight Allow zooming and panning in a chart. **Signature:** ```typescript zoomInsight?: boolean; ``` #### Remarks When this option is enabled, we will prepare some configs for the 'chart' option to allow the chart can be zooming/panning.