@arcgis/charts-components 5.0.0-next.98 → 5.0.0

package/dist/model/properties/chart-renderer.d.ts

@@ -0,0 +1,52 @@
+import type { IDrawingInfo } from "../../spec/rest-js-types.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart renderer. */
+export abstract class WithChartRenderer extends ChartModelBase {
+  /**
+   * The chart renderer.
+   *
+   * @example
+   * In this example, we set the chartRenderer for a class-break heat chart.
+   * ```ts
+   * heatChartModel.chartRenderer = {
+   *    "type": "classBreaks",
+   *    "field": "arcgis_charts_heat_chart_value",
+   *    "classBreakInfos": [
+   *        {
+   *          "label": "70 - 145",
+   *          "classMinValue": 70,
+   *          "classMaxValue": 145,
+   *          "symbol": {
+   *            "type": "esriSFS",
+   *            "color": [
+   *              212,
+   *              227,
+   *              255,
+   *              255
+   *            ],
+   *            "style": "esriSFSSolid"
+   *          }
+   *        },
+   *        {
+   *          "label": "146 - 250",
+   *          "classMinValue": 146,
+   *          "classMaxValue": 250,
+   *          "symbol": {
+   *            "type": "esriSFS",
+   *            "color": [
+   *              43,
+   *              108,
+   *              240,
+   *              255
+   *            ],
+   *            "style": "esriSFSSolid"
+   *          }
+   *        }
+   *    ]
+   *  };
+   * ```
+   */
+  get chartRenderer(): IDrawingInfo["renderer"] | undefined;
+  set chartRenderer(value: IDrawingInfo["renderer"]);
+}

package/dist/model/properties/chart-sub-type.d.ts

@@ -0,0 +1,8 @@
+import type { ChartSubType } from "../../utils/misc/interfaces.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for reading the chart sub type. */
+export abstract class WithChartSubType extends ChartModelBase {
+  /** The chart sub type of the series. */
+  get chartSubType(): ChartSubType;
+}

package/dist/model/properties/color-match.d.ts

@@ -0,0 +1,12 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for matching colors between the chart and its data source. */
+export abstract class WithColorMatch extends ChartModelBase {
+  /**
+   * Whether the chart should attempt to match the data source's colors.
+   *
+   * `true`: Attempt to match the data source's colors.
+   * `false`: Use the colors defined in the config.
+   */
+  accessor colorMatch: boolean;
+}

package/dist/model/properties/config.d.ts

@@ -0,0 +1,8 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+import type { ChartConfig } from "../../utils/types/index.js";
+
+/** Adds getter/setter support for the chart configuration object. */
+export abstract class WithConfig extends ChartModelBase {
+  /** The current chart configuration object. */
+  accessor config: ChartConfig;
+}

package/dist/model/properties/data-filters.d.ts

@@ -0,0 +1,14 @@
+import type { WebChartDataFilters } from "../../spec/web-chart.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart data filters. */
+export abstract class WithDataFilters extends ChartModelBase {
+  /** Gets the data filter for the bar chart. */
+  getDataFilters(): WebChartDataFilters | undefined;
+  /**
+   * Sets the data filter for the chart.
+   *
+   * @param newDataFilters - The new data filter.
+   */
+  setDataFilters(newDataFilters: WebChartDataFilters | undefined): Promise<void>;
+}

package/dist/model/properties/data-labels/data-labels-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+import type { WebChartTextSymbol } from "../../../spec/web-chart.js";
+
+/** Adds support for working with the data labels symbol. */
+export abstract class WithDataLabelsSymbol extends ChartModelBase {
+  /** Data labels text symbol (font, color, style). */
+  accessor dataLabelsSymbol: WebChartTextSymbol | undefined;
+}

package/dist/model/properties/data-labels/data-labels-visibility.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with the data labels visibility. */
+export abstract class WithDataLabelsVisibility extends ChartModelBase {
+  /** Whether data labels are visible. */
+  accessor dataLabelsVisibility: boolean;
+}

package/dist/model/properties/data-tooltip-value-format.d.ts

@@ -0,0 +1,21 @@
+import type { NumberFormatOptions } from "../../spec/web-chart.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with data tooltip value formats. */
+export abstract class WithSeriesDataTooltipValueFormat extends ChartModelBase {
+  /**
+   * Gets the data tooltip value format for a series.
+   *
+   * If the series index is out of bounds or the series list is empty, this function will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series to retrieve the value format for.
+   */
+  getDataTooltipValueFormat(seriesIndex: number): NumberFormatOptions | undefined;
+  /**
+   * Sets the data tooltip value format for a series.
+   *
+   * @param seriesIndex - The index of the series to set the value format for.
+   * @param valueFormat - The value format to set.
+   */
+  setDataTooltipValueFormat(seriesIndex: number, valueFormat: NumberFormatOptions | undefined): void;
+}

package/dist/model/properties/description/description-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { WebChartTextSymbol } from "../../../spec/web-chart.js";
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart description symbols. */
+export abstract class WithDescriptionSymbol extends ChartModelBase {
+  /** The description text symbol. Contains styling information such as font, color, and symbol style. */
+  accessor descriptionSymbol: WebChartTextSymbol | undefined;
+}

package/dist/model/properties/description/description-text.d.ts

@@ -0,0 +1,6 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart description text. */
+export abstract class WithDescriptionText extends ChartModelBase {
+  accessor descriptionText: string;
+}

package/dist/model/properties/description/description-visibility.d.ts

@@ -0,0 +1,11 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart description visibility. */
+export abstract class WithDescriptionVisibility extends ChartModelBase {
+  /**
+   * Whether or not the chart description is visible.
+   *
+   * **Note:** Even if the description is visible, it may not be displayed if the description text is empty.
+   */
+  accessor descriptionVisibility: boolean;
+}

package/dist/model/properties/fetch-null-values.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with the fetch NULL values flag. */
+export abstract class WithFetchNULLValues extends ChartModelBase {
+  /** Whether to fetch `null` values for them to be counted or displayed as categories on the chart. */
+  accessor fetchNULLValues: boolean;
+}

package/dist/model/properties/layer.d.ts

@@ -0,0 +1,8 @@
+import type { SupportedLayer } from "../../interfaces.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds getter support for the associated layer reference. */
+export abstract class WithLayer extends ChartModelBase {
+  /** The chart model's layer. */
+  get layer(): SupportedLayer | undefined;
+}

package/dist/model/properties/rotated-state.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with the chart rotated state. */
+export abstract class WithRotatedState extends ChartModelBase {
+  /** Whether the chart is rotated. */
+  accessor rotatedState: boolean;
+}

package/dist/model/properties/series/negative-values-stacked-to-baseline.d.ts

@@ -0,0 +1,22 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring whether negative values stack against the baseline. */
+export abstract class WithNegativeValuesStackedToBaseline extends ChartModelBase {
+  /**
+   * Specify how negative values are treated in stacked series.
+   *
+   * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isNegativeValuesStackedToBaseline(seriesIndex: number): boolean;
+  /**
+   * Specify how negative values are treated in stacked series.
+   *
+   * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
+   *
+   * @param stackNegativeValuesToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
+   * @param seriesIndex - The index of the series.
+   */
+  setNegativeValuesStackedToBaseline(stackNegativeValuesToBaseline: boolean, seriesIndex: number): void;
+}

package/dist/model/properties/series/series-id.d.ts

@@ -0,0 +1,12 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for retrieving a series ID. */
+export abstract class WithSeriesId extends ChartModelBase {
+  /**
+   * Gets the series ID for a given series index.
+   * If the series index is out of bounds, this function will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesId(seriesIndex: number): string | undefined;
+}

package/dist/model/properties/series/series-index.d.ts

@@ -0,0 +1,12 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for retrieving a series index. */
+export abstract class WithSeriesIndex extends ChartModelBase {
+  /**
+   * Gets the series index for a given series ID.
+   * If the series ID is not found, this function will return `undefined`.
+   *
+   * @param seriesId - The ID of the series.
+   */
+  getSeriesIndex(seriesId: string): number | undefined;
+}

package/dist/model/properties/series/series-length.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for reading the series length. */
+export abstract class WithSeriesLength extends ChartModelBase {
+  /** The length of the series array. */
+  get seriesLength(): number;
+}

package/dist/model/properties/series/series-visibility.d.ts

@@ -0,0 +1,18 @@
+import type { LegendItemVisibility } from "../../../spec/events.js";
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with series visibility. */
+export abstract class WithSeriesVisibility extends ChartModelBase {
+  /**
+   * Gets the visibility of a series.
+   *
+   * @param seriesIndex - The series index
+   */
+  getSeriesVisibility(seriesIndex: number): boolean;
+  /**
+   * Sets the visibility of a series.
+   *
+   * @param props - Visibility options for the series.
+   */
+  setSeriesVisibility(props: LegendItemVisibility): void;
+}

package/dist/model/properties/split-by-values.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for retrieving split-by values. */
+export abstract class WithSplitByValues extends ChartModelBase {
+  /** The split-by values for the chart. */
+  get splitByValues(): string[];
+}

package/dist/model/properties/subtitle/subtitle-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { WebChartTextSymbol } from "../../../spec/web-chart.js";
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart subtitle symbols. */
+export abstract class WithSubtitleSymbol extends ChartModelBase {
+  /** The subtitle text symbol. Contains styling information such as font, color, and symbol style. */
+  accessor subtitleSymbol: WebChartTextSymbol | undefined;
+}

package/dist/model/properties/subtitle/subtitle-text.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart subtitle text. */
+export abstract class WithSubtitleText extends ChartModelBase {
+  /** The chart subtitle text. */
+  accessor subtitleText: string;
+}

package/dist/model/properties/subtitle/subtitle-visibility.d.ts

@@ -0,0 +1,11 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart subtitle visibility. */
+export abstract class WithChartSubtitleVisibility extends ChartModelBase {
+  /**
+   * Whether or not the chart subtitle is visible.
+   *
+   * **Note:** Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.
+   */
+  accessor chartSubtitleVisibility: boolean;
+}

package/dist/model/properties/title/title-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { WebChartTextSymbol } from "../../../spec/web-chart.js";
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart title symbols. */
+export abstract class WithTitleSymbol extends ChartModelBase {
+  /** The title text symbol. Contains styling information such as font, color, and symbol style. */
+  accessor titleSymbol: WebChartTextSymbol | undefined;
+}

package/dist/model/properties/title/title-text.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart title text. */
+export abstract class WithTitleText extends ChartModelBase {
+  /** The chart title text. */
+  accessor titleText: string;
+}

package/dist/model/properties/title/title-visibility.d.ts

@@ -0,0 +1,11 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+
+/** Adds support for working with chart title visibility. */
+export abstract class WithChartTitleVisibility extends ChartModelBase {
+  /**
+   * Whether or not the chart title is visible.
+   *
+   * **Note:** Even if the title is visible, it may not be displayed if the title text is empty.
+   */
+  accessor chartTitleVisibility: boolean;
+}

package/dist/model/properties/version.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds getter support for the chart version. */
+export abstract class WithVersion extends ChartModelBase {
+  /** The version of the chart configuration. */
+  get version(): string | undefined;
+}

package/dist/model/radar-chart-model/radar-chart-model.d.ts

@@ -1,34 +1,20 @@
-import { WebChart, WebChartRadarChartSeries } from '../../spec';
-import { ChartConfig } from '../../utils';
-import { SerialChartModel } from '../serial-chart-model/serial-chart-model';
-import { ModelParams } from '../interfaces/chart-interfaces';
-import { ModelWithBaselineStacking, ModelWithLineMarkerStyling } from '../mixins';
-import { LayerInfo, ModelTypes } from '../interfaces/common';
-export declare class RadarChartModel extends SerialChartModel {
-    /**
-     * Current configuration used for the Radar chart.
-     */
-    protected _config: ChartConfig<typeof ModelTypes.RadarChart, WebChart>;
-    /**
-     * Default series for the radar chart. Used in resetting the series styling.
-     */
-    protected defaultSeries: WebChartRadarChartSeries | undefined;
-    protected _chartType: "radarSeries";
-    protected layerInfo: LayerInfo;
-    setup(params: ModelParams<ChartConfig<typeof ModelTypes.RadarChart>>): Promise<void>;
-    protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
-    /**
-     * Initializes the default series for the radar chart. Used in resetting the series styling.
-     */
-    protected initDefaultSeries(): void;
-    /**
-     * Resets the series styling to the default styling.
-     */
-    resetSeriesStyling(): void;
-    /**
-     * Returns whether the series styling is able to be reset.
-     */
-    resetAvailable(): boolean;
-}
-export interface RadarChartModel extends ModelWithBaselineStacking, ModelWithLineMarkerStyling {
+import type { ChartConfig } from "../../utils/types/index.js";
+import type { SerialChartModel } from "../serial-chart-model/serial-chart-model.js";
+import type { ModelParams } from "../interfaces/chart-interfaces.js";
+import type { ModelTypes } from "../interfaces/common.js";
+import type { WithNegativeValuesStackedToBaseline } from "../properties/series/negative-values-stacked-to-baseline.js";
+import type { ModelWithLineMarkerStyling } from "../mixins/model-with-line-marker-styling.js";
+
+export class RadarChartModel extends RadarChartModelSuperclass {
+  /** Returns whether the series styling is able to be reset. */
+  resetAvailable(): boolean;
+  /** Resets the series styling to the default styling. */
+  resetSeriesStyling(): void;
+  /**
+   * Completes the async setup process for the chart model. Must be called before using the model.
+   *
+   * @param params
+   */
+  setup(params: ModelParams<ChartConfig<typeof ModelTypes.RadarChart>>): Promise<void>;
 }
+declare const RadarChartModelSuperclass: typeof SerialChartModel & typeof ModelWithLineMarkerStyling & typeof WithNegativeValuesStackedToBaseline

package/dist/model/scatterplot-model/scatterplot-model.d.ts

@@ -1,72 +1,57 @@
-import { ISimpleLineSymbol, ISimpleMarkerSymbol, WebChart, SizePolicy, ScatterplotOverlays } from '../../spec';
-import { ChartConfig, XYChartTypes } from '../../utils';
-import { ModelParams } from '../interfaces/chart-interfaces';
-import { LayerInfo, ModelTypes } from '../interfaces/common';
-import { ChartModel } from '../chart-model/chart-model';
-import { ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides, ModelWithLegend, ModelWithMultiAxes, ModelWithTooltips } from '../mixins';
-export declare class ScatterplotModel extends ChartModel {
-    /**
-     * Current configuration used for the scatterplot.
-     */
-    protected _config: ChartConfig<typeof ModelTypes.Scatterplot, WebChart>;
-    protected _chartType: XYChartTypes;
-    protected layerInfo: LayerInfo;
-    setup(params: ModelParams<ChartConfig<typeof ModelTypes.Scatterplot>>): Promise<void>;
-    /**
-     * X-axis field.
-     */
-    get xAxisField(): string;
-    set xAxisField(fieldName: string);
-    /**
-     * Y-axis field.
-     */
-    get yAxisField(): string;
-    set yAxisField(fieldName: string);
-    /**
-     * Whether the linear trend line is shown.
-     */
-    get showLinearTrend(): boolean;
-    set showLinearTrend(show: boolean);
-    /**
-     * Line symbol for the linear trend line.
-     */
-    get linearTrendSymbol(): ISimpleLineSymbol;
-    set linearTrendSymbol(symbol: ISimpleLineSymbol);
-    /**
-     * Marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
-     */
-    get fixedMarkerSymbol(): ISimpleMarkerSymbol;
-    set fixedMarkerSymbol(symbol: ISimpleMarkerSymbol);
-    /**
-     * Size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
-     */
-    get sizePolicy(): SizePolicy | undefined;
-    set sizePolicy(sizePolicy: SizePolicy | undefined);
-    /**
-     * Chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
-     */
-    get seriesOverlays(): ScatterplotOverlays | undefined;
-    set seriesOverlays(overlays: ScatterplotOverlays | undefined);
-    /**
-     * Additional tooltip display fields.
-     *
-     * **NOTE**: Only numeric fields are supported.
-     */
-    get additionalTooltipField(): string[] | string;
-    set additionalTooltipField(fields: string[] | string | undefined);
-    /**
-     * Generate the proper chart title given the current config.
-     */
-    generateChartTitle(): string;
-    /**
-     * Generate the proper x-axis title given the current config.
-     */
-    generateXAxisTitle(): string;
-    /**
-     * Generate the proper y-axis title given the current config.
-     */
-    generateYAxisTitle(): string;
-    protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
-}
-export interface ScatterplotModel extends ModelWithMultiAxes, ModelWithLegend, ModelWithTooltips, ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides {
+import type { ModelParams } from "../interfaces/chart-interfaces.js";
+import type { ModelTypes } from "../interfaces/common.js";
+import type { ChartModel } from "../chart-model/chart-model.js";
+import type { WithColorMatch } from "../properties/color-match.js";
+import type { WithDataLabelsVisibility } from "../properties/data-labels/data-labels-visibility.js";
+import type { WithDataLabelsSymbol } from "../properties/data-labels/data-labels-symbol.js";
+import type { WithAxisLabelsSymbol } from "../properties/axes/axis-labels-symbol.js";
+import type { WithAxisLinesSymbol } from "../properties/axes/axis-lines-symbol.js";
+import type { WithXBounds } from "../properties/axes/x-axis/x-bounds.js";
+import type { WithXAxisLabelsVisibility } from "../properties/axes/x-axis/x-axis-labels-visibility.js";
+import type { WithXAxisTitleSymbol } from "../properties/axes/x-axis/x-axis-title-symbol.js";
+import type { WithXAxisTitleText } from "../properties/axes/x-axis/x-axis-title-text.js";
+import type { WithXAxisTitleVisibility } from "../properties/axes/x-axis/x-axis-title-visibility.js";
+import type { WithGenerateXAxisTitle } from "../properties/axes/x-axis/generate-x-axis-title.js";
+import type { ChartConfig } from "../../utils/types/index.js";
+import type { ScatterplotOverlays, SizePolicy } from "../../spec/web-chart.js";
+import type { ISimpleLineSymbol, ISimpleMarkerSymbol } from "../../spec/rest-js-types.js";
+import type { ModelWithMultiAxes } from "../mixins/model-with-multi-axes.js";
+import type { ModelWithLegend } from "../mixins/model-with-legend.js";
+import type { ModelWithTooltips } from "../mixins/model-with-tooltips.js";
+import type { ModelWithXGuides } from "../mixins/model-with-x-guides.js";
+import type { ModelWithYGuides } from "../mixins/model-with-y-guides.js";
+
+export class ScatterplotModel extends ScatterplotModelSuperclass {
+  /**
+   * Add an additional field to display for scatterplot tooltips.
+   *
+   * **Note**: Only numeric fields are supported.
+   */
+  get additionalTooltipField(): string[] | string;
+  set additionalTooltipField(value: string[] | string | undefined);
+  /** Marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set). */
+  accessor fixedMarkerSymbol: ISimpleMarkerSymbol;
+  /** Line symbol for the linear trend line. */
+  accessor linearTrendSymbol: ISimpleLineSymbol;
+  /** Trendline overlay for the scatterplot. */
+  accessor seriesOverlays: ScatterplotOverlays | undefined;
+  /** Whether the linear trend line is shown. */
+  accessor showLinearTrend: boolean;
+  /** Size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field. */
+  accessor sizePolicy: SizePolicy | undefined;
+  /** X-axis field. */
+  accessor xAxisField: string;
+  /** Y-axis field. */
+  accessor yAxisField: string;
+  /** Generate the proper chart title given the current config. */
+  generateChartTitle(): string;
+  /** Generate the proper y-axis title given the current config. */
+  generateYAxisTitle(): string;
+  /**
+   * Completes the async setup process for the chart model. Must be called before using the model.
+   *
+   * @param params
+   */
+  setup(params: ModelParams<ChartConfig<typeof ModelTypes.Scatterplot>>): Promise<void>;
 }
+declare const ScatterplotModelSuperclass: typeof ChartModel & typeof WithGenerateXAxisTitle & typeof WithAxisLinesSymbol & typeof WithAxisLabelsSymbol & typeof WithXAxisTitleSymbol & typeof WithXBounds & typeof WithXAxisTitleVisibility & typeof WithXAxisLabelsVisibility & typeof WithXAxisTitleText & typeof ModelWithYGuides & typeof ModelWithXGuides & typeof WithDataLabelsSymbol & typeof WithDataLabelsVisibility & typeof WithColorMatch & typeof ModelWithTooltips & typeof ModelWithLegend & typeof ModelWithMultiAxes