@arcgis/charts-components 5.2.0-next.93 → 5.2.0-next.95

package/dist/docs/vscode.html-custom-data.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json","version":1.1,"tags":[{"name":"arcgis-chart","description":"The ArcGIS Chart component renders a chart by setting a [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) object that defines the chart's configuration and data.\n\nYou can render a chart either by:\n- Setting [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) and [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) to load a saved chart from a layer item.\n- Create a new chart by using the [`createModel()`](/references/charts-components/model/shared/setup-utils/#createModel) function to create a chart model and set it to the [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) property.\n\n> [!IMPORTANT]\n>\n> See the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) guide for detailed examples on how to render a chart using the above patterns.\n\nThere are 10 supported chart types, each with its own model properties and methods. Refer to the [chart types documentation](https://developers.arcgis.com/javascript/latest/charts/chart-types/) for more information on each chart type.\n\n##### See also:\n- [Tutorial: Display a chart](https://developers.arcgis.com/javascript/latest/tutorials/display-a-chart/)\n- [Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)\n\n> [!WARNING]\n> When the chart is rendering while its container is not yet fully sized, a console error about the chart's attribute height may appear. This is a known issue and should not affect the functionality of the chart.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed.\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set.\n- **arcgisChartNotFoundWarning** - Event triggered when the chart is not found for the given [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property.\n- **arcgisConfigChange** - Event triggered when the chart config is changed.\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\n\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n\n**Note**: Applicable to pie charts only.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed.\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart.\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed.\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed.\n- **arcgisRenderingComplete** - Event triggered once the chart rendering is complete.\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart.\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned.\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions.\n- **arcgisUpdateComplete** - Event triggered once the chart is updated.\n\n### Methods\n- `applySelectionFromSelectionManager(): void` - Apply the selection from the selection manager to the chart.\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `destroy(): Promise<void>` - Destroys the chart instance.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports and downloads the current chart as an image.\n- Supported formats: `png` (default), `jpeg`, `jpg`, `webp`, and `svg`.\n  - When `webp` format is used on Safari, it will fallback to `png`.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n\nThis method should be used when loading a chart with [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) and [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex), and further customization of the chart model is needed.\n- `notify(message?: string, heading?: string): Promise<void>` - Passes external messages to the chart component and displays them in the chart's container.\nWhen a model update is overriding the notification modal, consider waiting for the [@arcgisUpdateComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisUpdateComplete) event.\n- `refresh(props?: {\n    updateData?: boolean;\n    resetAxesBounds?: boolean;\n}): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart's zoom and brings it back to full zoom extent.\n\n**Note**: Not applicable to gauges, heat charts, pie charts and radar charts.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauges.\n\n### Slots\n- **action-bar** - Slot for the [arcgis-charts-action-bar](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/) component or [calcite-action-bar](https://developers.arcgis.com/calcite-design-system/components/action-bar/) component.","attributes":[{"name":"action-mode","description":"Specifies how user interactions on the chart are handled.\n\n- `monoSelection`: Select one data item at a time. Each new selection replaces the previous selection.\n- `multiSelection`: Select multiple data items. Each new selection is added to the existing selection.\n- `multiSelectionWithCtrlKey`: Select multiple data items only while holding Ctrl (or Cmd on macOS). Without the key, selection behaves like `monoSelection`.\n- `zoom`: Zoom into an area of the chart.\n- `none`: Disable interaction-driven selection and zoom actions.\n\n**Note**: Not applicable to gauges.","values":[{"name":"none"},{"name":"monoSelection"},{"name":"multiSelection"},{"name":"multiSelectionWithCtrlKey"},{"name":"zoom"}]},{"name":"allow-using-object-id-stat","description":"When `true`, object ID can be used as a numeric field for aggregated charts (for example, `sum` of `objectId`).","values":[]},{"name":"animation-enabled","description":"When `true`, elements such as data items, axes, and legends will animate when the chart is first rendered or when the chart's configuration is updated.\n\n<video\n  src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/animationEnabled.webm\"\n  aria-label=\"animationEnabled\"\n  width=\"720\"\n  autoPlay\n  loop\n  muted\n  playsInline\n/>","values":[]},{"name":"auto-destroy-disabled","description":"When `true`, the component is not destroyed automatically when it is disconnected from the document, which is useful when moving or temporarily hiding it.\n\n> [!CAUTION]\n>\n> Call the [destroy()](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#destroy) method when you are done to prevent memory leaks.","values":[]},{"name":"auto-inverse-data-label-text-color","description":"When `true`, the data label text color is automatically adjusted for readability based on its background, switching to either the chart background color or white when the contrast is too low.\n\n| With `autoInverseDataLabelTextColor` | Without `autoInverseDataLabelTextColor` |\n| -------- | -------- |\n| ![autoInverseDataLabelTextColor true](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/autoInverseDataLabelTextColorTrue.avif) | ![autoInverseDataLabelTextColor false](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/autoInverseDataLabelTextColorFalse.avif) |\n\n**Note**: Applicable to heat charts only.","values":[]},{"name":"chart-index","description":"The index of the chart to be rendered from the layer. Must be used in conjunction with the `layerItemId` or `layer` property.\n\nIf a `layer` or `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nIf the `chartIndex` is out of bounds, the first chart in the layer will be rendered and a warning event will be emitted.","values":[]},{"name":"configuration-enabled","description":"Whether to use features uniquely designed for a chart currently being configured by a user via the UI.\nWhen `true` and if the [arcgis-charts-action-bar](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/) is slotted in the chart component,\nthe action bar will expose an \"Edit chart\" action, surface relevant error states, and show a helpful in-container placeholder about the chart’s purpose.","values":[]},{"name":"cursor-range","description":"Defines how the cursor selection rectangle is constrained when [actionMode](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#actionMode) is `zoom`, `multiSelection`, or `multiSelectionWithCtrlKey`.\n\n- `multi-axes`: Allows drawing a free rectangle across both axes.\n- `x-axis`: Constrains the rectangle to the x-axis direction.\n- `y-axis`: Constrains the rectangle to the y-axis direction.\n- `undefined`: Uses the default behavior for the current chart type and action mode.\n\n**Note**: Not applicable to gauges.","values":[{"name":"multi-axes"},{"name":"x-axis"},{"name":"y-axis"}]},{"name":"enable-beta-features","description":"Whether to enable the beta features from the chart component.","values":[]},{"name":"error-policy","description":"When set to `ignore`, the chart fails silently without displaying an error or hiding the chart.\nBy default, it is set to `throw`, which displays an error alert and hides the chart when it can't be created or updated.","values":[{"name":"throw"},{"name":"ignore"}]},{"name":"filter-by-selection","description":"When `true`, the chart uses the current selection as a data filter and renders only selected elements instead of rendering the full dataset with selection styling.\nAxis bounds, time binning intervals will be computed based on the selected elements only.\n\n**Note**: Not applicable to gauges or charts configured with imagery layers.","values":[]},{"name":"filter-by-view-extent","description":"When `true`, chart queries are constrained to the current map view extent. The chart refreshes as the view extent changes, and the axis bounds or other derived values are recalculated from the view extent data.","values":[]},{"name":"hide-loader-animation","description":"When `true`, the loader animation is hidden when the chart is being created or updated. By default, it is shown at chart creation and each update (if it takes more than 300ms).\n| When `hideLoaderAnimation` is `true` | When `hideLoaderAnimation` is `false` |\n| -------- | -------- |\n| <video src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/hideLoaderAnimationTrue.webm\" aria-label=\"animationEnabled\" width=\"720\" autoPlay loop muted playsInline/> | <video src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/hideLoaderAnimationFalse.webm\" aria-label=\"animationEnabled\" width=\"720\" autoPlay loop muted playsInline/>","values":[]},{"name":"hide-ui-messages","description":"When set to `true`, UI messages are hidden. These messages can be no data warnings, any placeholder messages set or invalid chart configuration.\nBy default, its value is `false`, which displays the messages on the chart.","values":[]},{"name":"hide-zero-count-categories","description":"When `true`, missing categories from a `Count` aggregation are kept as gaps in the chart's data.\n\nWhen data is retrieved from the server, features with a count of 0 are excluded from the response, resulting in missing chart entries.\n\nBy default, the chart's [WebChartGenericDataItem](https://developers.arcgis.com/javascript/latest/references/charts-components/spec/data-source/#WebChartGenericDataItem-dataItems) associated with empty categories (from only a `Count` aggregation) are populated with 0s.","values":[]},{"name":"ignore-view-extent","description":"When `true`, it signals the queries to ignore the view's extent, whether an additional geometry filter is provided or not.\n\nThis property will be effective when the component's [view](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#view) property is provided or when the [layer](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layer) property is set to [`FeatureLayerView`](/references/core/views/layers/FeatureLayerView/).\n\nBy default the queries made by the chart will consider the view's extent as the unique geometry filter applicable. This implies ignoring any\ngeometry filters passed through the [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) or the [runtimeDataFilters](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#runtimeDataFilters) properties.","values":[]},{"name":"interactions-disabled","description":"When `true`, all interactions such as zooming and selection are disabled on the chart. The chart will be rendered in a read-only state.","values":[]},{"name":"layer-item-id","description":"Layer item ID associated with the chart to be rendered. Can be used in conjunction with the `chartIndex` property. If `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nThe layer item ID can be found in the URL of the layer's item page on ArcGIS Online or Enterprise.\nFor example, in the URL `https://www.arcgis.com/home/item.html?id=8871626e970a4f3e9d6113ec63a92f2f`, the layer item ID is `8871626e970a4f3e9d6113ec63a92f2f`.\n\nSupported layer types include: [`FeatureLayer`](/references/core/layers/FeatureLayer), [`SubtypeSublayer`](/references/core/layers/support/SubtypeSublayer), [`ImageryLayer`](/references/core/layers/ImageryLayer), [`ImageryTileLayer`](/references/core/layers/ImageryTileLayer) and [`WCSLayer`](/references/core/layers/WCSLayer).","values":[]},{"name":"null-as-valid","description":"When `true`, null values are considered as valid.\n\nBy default, when the data contains only null values, the chart dataset is considered empty:\n- The [@arcgisBadDataWarningRaise](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisBadDataWarningRaise) event will be sent.\n- The \"No data available to display\" warning message will be displayed in the chart container.","values":[]},{"name":"placeholder","description":"Placeholder text displayed in the chart container when no chart is configured.\nIf the string contains HTML tags they will be interpreted as such.","values":[]},{"name":"popup-template-field-infos-enabled","description":"When `true`, field aliases from layer's [popupTemplate](/references/core/layers/FeatureLayer/#popupTemplate) are used to render field names in tooltips, axes and legend on the chart.","values":[]},{"name":"return-features-extent","description":"When `true`, the feature extent is returned in the payload of [@arcgisDataProcessComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisDataProcessComplete)\nand [@arcgisSelectionComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisSelectionComplete) events.\nApplies only to:\n- Charts using an aggregation.\n- Data sources using a feature layer compatible with envelope aggregation.\n\nThe extent is returned through the [featuresExtentField](https://developers.arcgis.com/javascript/latest/references/charts-components/utils/defaults/index/#featuresExtentField) variable.\n\n**Note**: Not applicable to gauges.","values":[]},{"name":"return-selection-indexes","description":"When `true`, selection indexes are computed and returned whenever a selection is made on or passed to the chart.\n\n**Note**: Not applicable to gauges.","values":[]},{"name":"return-selection-oi-ds","description":"When `true`, object ids are computed and returned whenever a selection is made on or passed to the chart.\nOnly considered for data sources using a [feature layer](/references/core/layers/FeatureLayer).\n\n**Note**: Not applicable to gauges or charts configured with imagery layers.","values":[]},{"name":"rotated","description":"When `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.\n\n**Note**: Applicable to bar charts, box plots, combo bar line charts and line charts.","values":[]},{"name":"set-time-binning-info-when-not-provided","description":"When `true`, the time binning unit and size is automatically set when not provided via the [`temporalBinningSize`](/references/charts-components/model/bar-chart-model/bar-chart-model/#temporalBinningSize) or [`temporalBinningUnit`](/references/charts-components/model/line-chart-model/line-chart-model/#temporalBinningUnit) properties of the chart model.\n\nThe time binning unit and size information for the chart will be derived from the dataset's date minimum and maximum values to compute an interval that best fits the date range.\n\n**Note**: Only applicable to charts with temporal binning enabled (bar chart, combo bar line chart, line chart, radar chart).","values":[]},{"name":"show-empty-series","description":"When `true`, show the series on the chart and legend even if it doesn't contain any data.\n\nBy default, the empty series are hidden from the chart and the legend.","values":[]},{"name":"skip-chart-creation-queue","description":"When `true`, charts will render immediately without waiting for other charts to finish rendering.\nBy default, charts are queued so that only one chart renders at a time.","values":[]},{"name":"sync-charts-selection","description":"When `true`, the selection will be synchronized between charts configured with the same layer.","values":[]},{"name":"sync-view-selection","description":"Determines whether the chart's selection should be synchronized with either the chart's [selectionManager](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#selectionManager) or the layer view's.","values":[]},{"name":"sync-view-time-extent","description":"Whether the chart should be refreshed when the view's time extent changes.\n\n**Note**: Not supported for histogram.","values":[]},{"name":"sync-view-time-zone","description":"Whether the chart's data should be in sync with the view's [timeZone](/references/core/views/MapView/#timeZone).\n\n**Note**: This applies only to charts supporting temporal data. Additionally if the data is binned, it applies only if the layer has the\ncapacity to handle the `/queryBins` operation. For any other case the chart will ignore the view's time zone regardless of the value of this property.","values":[]},{"name":"time-zone","description":"Used to set a custom time zone for the chart.","values":[]},{"name":"toggling-legend-items-disabled","description":"When `true`, disables the toggling of series or slices from the legend items. Clicking on the legend items will not hide or show the corresponding elements on the chart.\n\n**Note**: Only applicable to charts with multiple series and while the legend is displayed.","values":[]},{"name":"zero-count-as-valid","description":"When `true`, count=0 is considered a valid statistic.\n\nBy default, when the aggregation type is \"count\" and the data contains only values equal to 0, the chart dataset\nis considered empty:\n- The [@arcgisBadDataWarningRaise](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisBadDataWarningRaise) event will be sent.\n- The \"No data available to display\" warning message will be displayed in the chart container.","values":[]}],"references":[{"name":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/"},{"name":"Bar Chart\nBar charts summarize and compare categorical data using proportional bar lengths to represent values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--bar-chart&singleStory=true"},{"name":"Box Plot\nBox plots visualize and compare the distribution and central tendency of numeric values through their quartiles.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--box-plot&singleStory=true"},{"name":"Line Chart\nLine charts visualize change over a continuous range, such as time or distance. They highlight overall trends and enable easy comparison of multiple data series simultaneously.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--line-chart&singleStory=true"},{"name":"Combo Bar Line Chart\nCombo bar line charts combine bar and line charts to visualize data across categories, time, or both—enabling flexible comparisons in a single view.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--combo-bar-line-chart&singleStory=true"},{"name":"Gauge\nGauges visualize a single metric within a quantitative context defined by minimum and maximum values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--gauge&singleStory=true"},{"name":"Heat Chart\nHeat charts visualize data density or intensity across two dimensions, using color gradients to represent values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--heat-chart&singleStory=true"},{"name":"Histogram\nHistograms visualize the distribution of a continuous numeric variable by showing the frequency of values within defined intervals.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--histogram&singleStory=true"},{"name":"Pie Chart\nPie charts group data into slices to visualize part-to-whole relationships, with each slice representing a category’s proportion of the total.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--pie-chart&singleStory=true"},{"name":"Scatterplot\nScatterplots visualize the relationship between two numeric variables, with one plotted along the x-axis and the other along the y-axis.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--scatterplot&singleStory=true"},{"name":"Radar Chart\nRadar charts visualize multivariate data across multiple variables, with each variable represented along a separate axis arranged in a circular layout.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--radar-chart&singleStory=true"}]},{"name":"arcgis-charts-action-bar","description":"The Charts Action Bar component provides context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.\nThis component is designed to be used with a chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled.\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.","attributes":[{"name":"action-bar-selection-mode","description":"Defines which selection mode the slotted action bar should use.\n- `monoSelection`: Select a single data point/series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points/series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points/series while holding the Ctrl key (Cmd key on Mac), new selection adds to the previous one.","values":[{"name":"monoSelection"},{"name":"multiSelection"},{"name":"multiSelectionWithCtrlKey"}]},{"name":"chart-type","description":"Chart type used to determine which default actions to display.","values":[{"name":"scatterSeries"},{"name":"pieSeries"},{"name":"gaugeSeries"},{"name":"lineSeries"},{"name":"barSeries"},{"name":"histogramSeries"},{"name":"boxPlotSeries"},{"name":"radarSeries"},{"name":"comboLineAndBarSeries"},{"name":"heatSeries"}]},{"name":"clear-selection-state","description":"When `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"clear-selection-title","description":"Custom title for the clear selection action.","values":[]},{"name":"clear-selection-toggle","description":"When `active`, the clear selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"edit-chart-state","description":"When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"edit-chart-title","description":"Custom title for the edit chart action.","values":[]},{"name":"edit-chart-toggle","description":"When `active`, the edit chart action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"expanded","description":"When `true`, the action bar is expanded.","values":[]},{"name":"export-action-state","description":"When `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-csv-state","description":"When `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-csv-title","description":"Custom title for the download CSV action.","values":[]},{"name":"export-as-image-state","description":"When `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-image-title","description":"Custom title for the download chart action.","values":[]},{"name":"filter-by-extent-state","description":"When `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"filter-by-extent-title","description":"Custom title for the filter by extent action.","values":[]},{"name":"filter-by-extent-toggle","description":"When `active`, the filter by extent action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"filter-by-selection-state","description":"When `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"filter-by-selection-title","description":"Custom title for the filter by selection action.","values":[]},{"name":"filter-by-selection-toggle","description":"When `active`, the filter by selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"force-disable-actions","description":"When `true`, overrides the individual settings for each action to instead force disable them all.","values":[]},{"name":"full-extent-state","description":"When `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"full-extent-title","description":"Custom title for the full extent action.","values":[]},{"name":"full-extent-toggle","description":"When `active`, the full extent action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"legend-state","description":"When `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"legend-title","description":"Custom title for the legend action.","values":[]},{"name":"legend-toggle","description":"When `active`, the legend action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"rotate-chart-state","description":"When `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"rotate-chart-title","description":"Custom title for the rotate chart action.","values":[]},{"name":"rotate-chart-toggle","description":"When `active`, the rotate chart action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"selection-state","description":"When `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"selection-title","description":"Custom title for the selection action.","values":[]},{"name":"selection-toggle","description":"When `active`, the selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"switch-selection-state","description":"When `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"switch-selection-title","description":"Custom title for the switch selection action.","values":[]},{"name":"switch-selection-toggle","description":"When `active`, the switch selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"zoom-state","description":"When `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"zoom-title","description":"Custom title for the zoom action.","values":[]},{"name":"zoom-toggle","description":"When `active`, the zoom action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]}],"references":[{"name":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/"},{"name":"Charts Action Bar\nThe charts action bar component renders a set of buttons based on the chart type, offering optional tools to enhance chart functionality.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-charts-action-bar--demo&singleStory=true"}]}]}
+{"$schema":"https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json","version":1.1,"tags":[{"name":"arcgis-chart","description":"The ArcGIS Chart component renders a chart by setting a [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) object that defines the chart's configuration and data.\n\nYou can render a chart either by:\n- Setting [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) and [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) to load a saved chart from a layer item.\n- Create a new chart by using the [`createModel()`](/references/charts-components/model/shared/setup-utils/#createModel) function to create a chart model and set it to the [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) property.\n\n> [!IMPORTANT]\n>\n> See the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) guide for detailed examples on how to render a chart using the above patterns.\n\nThere are 10 supported chart types, each with its own model properties and methods. Refer to the [chart types documentation](https://developers.arcgis.com/javascript/latest/charts/chart-types/) for more information on each chart type.\n\n##### See also:\n- [Tutorial: Display a chart](https://developers.arcgis.com/javascript/latest/tutorials/display-a-chart/)\n- [Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)\n\n> [!WARNING]\n> When the chart is rendering while its container is not yet fully sized, a console error about the chart's attribute height may appear. This is a known issue and should not affect the functionality of the chart.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Emitted when the chart's axes minimum or maximum values are computed.\n- **arcgisBadDataWarningRaise** - Emitted when the chart's data is incompatible with its model. Bad data such as empty dataset, axis logarithmic scale being incompatible with the data will trigger this event.\nThe event details contain information about the error.\n- **arcgisChartNotFoundWarning** - Emitted when the chart is not found for the given [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property with a valid [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId).\n- **arcgisConfigChange** - Emitted when the chart configuration is changed.\n- **arcgisDataFetchComplete** - Emitted once the chart data has been fetched but not yet fully processed. This event can be used to see all the slices before they get grouped into the 'other' slice during the post-processing step for pie charts.\nThe event details contain the pie chart's data with its ungrouped slices.\n\n**Note**: Applicable to pie charts only.\n- **arcgisDataProcessComplete** - Emitted once the chart data is updated and any subsequent updates to the chart's data.\nThe event details contain the chart's data.\n- **arcgisDataProcessError** - Emitted when an error occurred while fetching or processing the data for the chart.\n- **arcgisLegendItemVisibilityChange** - Emitted once a legend item visibility has been changed.\nThe event details contain the toggled item's visibility and related information (series or slice id).\n- **arcgisNoRenderPropChange** - Emitted when a no-render property ([rotated](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#rotated), [legendPosition](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#legendPosition), [legendVisibility](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#legendVisibility), [view](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#view) and [featureIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#featureIndex)) is changed.\n- **arcgisRenderingComplete** - Emitted once the chart is created and the rendering is complete. This event also emits with any subsequent chart updates, including when the chart is refreshed or when the configuration is changed.\n- **arcgisRuntimeError** - Emitted when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Emitted when a selection is applied to the chart.\nThe [`selectionData`](/references/charts-components/utils/misc/interfaces/#SelectionData) event detail contains various information about the selection, including the selected OIDs.\n- **arcgisSeriesColorChange** - Emitted once one of the chart's series color has been assigned or changed.\n- **arcgisSeriesOrder** - Emitted when the chart is created and at every update to confirm the order of the series on the chart.\nThe event details contain the modified series' indexes and names.\n\n### Methods\n- `applySelectionFromSelectionManager(): void` - Apply the selection from the selection manager to the chart.\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `destroy(): Promise<void>` - Destroys the chart instance.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports and downloads the current chart as an image.\n- Supported formats: `png` (default), `jpeg`, `jpg`, `webp`, and `svg`.\n  - When `webp` format is used on Safari, it will fallback to `png`.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n\nThis method should be used when loading a chart with [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) and [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex), and further customization of the chart model is needed.\n- `notify(message?: string, heading?: string): Promise<void>` - Passes external messages to the chart component and displays them in the chart's container.\nWhen a model update is overriding the notification modal, consider waiting for the [@arcgisUpdateComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisUpdateComplete) event.\n- `refresh(props?: {\n    updateData?: boolean;\n    resetAxesBounds?: boolean;\n}): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart's zoom and brings it back to full zoom extent.\n\n**Note**: Not applicable to gauges, heat charts, pie charts and radar charts.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauges.\n\n### Slots\n- **action-bar** - Slot for the [arcgis-charts-action-bar](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/) component or [calcite-action-bar](https://developers.arcgis.com/calcite-design-system/components/action-bar/) component.","attributes":[{"name":"action-mode","description":"Specifies how user interactions on the chart are handled.\n\n- `monoSelection`: Select one data item at a time. Each new selection replaces the previous selection.\n- `multiSelection`: Select multiple data items. Each new selection is added to the existing selection.\n- `multiSelectionWithCtrlKey`: Select multiple data items only while holding Ctrl (or Cmd on macOS). Without the key, selection behaves like `monoSelection`.\n- `zoom`: Zoom into an area of the chart.\n- `none`: Disable interaction-driven selection and zoom actions.\n\n**Note**: Not applicable to gauges.","values":[{"name":"none"},{"name":"monoSelection"},{"name":"multiSelection"},{"name":"multiSelectionWithCtrlKey"},{"name":"zoom"}]},{"name":"allow-using-object-id-stat","description":"When `true`, object ID can be used as a numeric field for aggregated charts (for example, `sum` of `objectId`).","values":[]},{"name":"animation-enabled","description":"When `true`, elements such as data items, axes, and legends will animate when the chart is first rendered or when the chart's configuration is updated.\n\n<video\n  src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/animationEnabled.webm\"\n  aria-label=\"animationEnabled\"\n  width=\"720\"\n  autoPlay\n  loop\n  muted\n  playsInline\n/>","values":[]},{"name":"auto-destroy-disabled","description":"When `true`, the component is not destroyed automatically when it is disconnected from the document, which is useful when moving or temporarily hiding it.\n\n> [!CAUTION]\n>\n> Call the [destroy()](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#destroy) method when you are done to prevent memory leaks.","values":[]},{"name":"auto-inverse-data-label-text-color","description":"When `true`, the data label text color is automatically adjusted for readability based on its background, switching to either the chart background color or white when the contrast is too low.\n\n| With `autoInverseDataLabelTextColor` | Without `autoInverseDataLabelTextColor` |\n| -------- | -------- |\n| ![autoInverseDataLabelTextColor true](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/autoInverseDataLabelTextColorTrue.avif) | ![autoInverseDataLabelTextColor false](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/autoInverseDataLabelTextColorFalse.avif) |\n\n**Note**: Applicable to heat charts only.","values":[]},{"name":"chart-index","description":"The index of the chart to be rendered from the layer. Must be used in conjunction with the `layerItemId` or `layer` property.\n\nIf a `layer` or `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nIf the `chartIndex` is out of bounds, the first chart in the layer will be rendered and a warning event will be emitted.","values":[]},{"name":"configuration-enabled","description":"Whether to use features uniquely designed for a chart currently being configured by a user via the UI.\nWhen `true` and if the [arcgis-charts-action-bar](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/) is slotted in the chart component,\nthe action bar will expose an \"Edit chart\" action, surface relevant error states, and show a helpful in-container placeholder about the chart’s purpose.","values":[]},{"name":"cursor-range","description":"Defines how the cursor selection rectangle is constrained when [actionMode](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#actionMode) is `zoom`, `multiSelection`, or `multiSelectionWithCtrlKey`.\n\n- `multi-axes`: Allows drawing a free rectangle across both axes.\n- `x-axis`: Constrains the rectangle to the x-axis direction.\n- `y-axis`: Constrains the rectangle to the y-axis direction.\n- `undefined`: Uses the default behavior for the current chart type and action mode.\n\n**Note**: Not applicable to gauges.","values":[{"name":"multi-axes"},{"name":"x-axis"},{"name":"y-axis"}]},{"name":"enable-beta-features","description":"Whether to enable the beta features from the chart component.","values":[]},{"name":"error-policy","description":"When set to `ignore`, the chart fails silently without displaying an error or hiding the chart.\nBy default, it is set to `throw`, which displays an error alert and hides the chart when it can't be created or updated.","values":[{"name":"throw"},{"name":"ignore"}]},{"name":"filter-by-selection","description":"When `true`, the chart uses the current selection as a data filter and renders only selected elements instead of rendering the full dataset with selection styling.\nAxis bounds, time binning intervals will be computed based on the selected elements only.\n\n**Note**: Not applicable to gauges or charts configured with imagery layers.","values":[]},{"name":"filter-by-view-extent","description":"When `true`, chart queries are constrained to the current map view extent. The chart refreshes as the view extent changes, and the axis bounds or other derived values are recalculated from the view extent data.","values":[]},{"name":"hide-loader-animation","description":"When `true`, the loader animation is hidden when the chart is being created or updated. By default, it is shown at chart creation and each update (if it takes more than 300ms).\n| When `hideLoaderAnimation` is `true` | When `hideLoaderAnimation` is `false` |\n| -------- | -------- |\n| <video src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/hideLoaderAnimationTrue.webm\" aria-label=\"animationEnabled\" width=\"720\" autoPlay loop muted playsInline/> | <video src=\"https://developers.arcgis.com/javascript/latest/assets/references/components/chart/hideLoaderAnimationFalse.webm\" aria-label=\"animationEnabled\" width=\"720\" autoPlay loop muted playsInline/>","values":[]},{"name":"hide-ui-messages","description":"When set to `true`, UI messages are hidden. These messages can be no data warnings, any placeholder messages set or invalid chart configuration.\nBy default, its value is `false`, which displays the messages on the chart.","values":[]},{"name":"hide-zero-count-categories","description":"When `true`, missing categories from a `Count` aggregation are kept as gaps in the chart's data.\n\nWhen data is retrieved from the server, features with a count of 0 are excluded from the response, resulting in missing chart entries.\n\nBy default, the chart's [WebChartGenericDataItem](https://developers.arcgis.com/javascript/latest/references/charts-components/spec/data-source/#WebChartGenericDataItem-dataItems) associated with empty categories (from only a `Count` aggregation) are populated with 0s.","values":[]},{"name":"ignore-view-extent","description":"When `true`, it signals the queries to ignore the view's extent, whether an additional geometry filter is provided or not.\n\nThis property will be effective when the component's [view](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#view) property is provided or when the [layer](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layer) property is set to [`FeatureLayerView`](/references/core/views/layers/FeatureLayerView/).\n\nBy default the queries made by the chart will consider the view's extent as the unique geometry filter applicable. This implies ignoring any\ngeometry filters passed through the [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) or the [runtimeDataFilters](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#runtimeDataFilters) properties.","values":[]},{"name":"interactions-disabled","description":"When `true`, all interactions such as zooming and selection are disabled on the chart. The chart will be rendered in a read-only state.","values":[]},{"name":"layer-item-id","description":"Layer item ID associated with the chart to be rendered. Can be used in conjunction with the `chartIndex` property. If `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nThe layer item ID can be found in the URL of the layer's item page on ArcGIS Online or Enterprise.\nFor example, in the URL `https://www.arcgis.com/home/item.html?id=8871626e970a4f3e9d6113ec63a92f2f`, the layer item ID is `8871626e970a4f3e9d6113ec63a92f2f`.\n\nSupported layer types include: [`FeatureLayer`](/references/core/layers/FeatureLayer), [`SubtypeSublayer`](/references/core/layers/support/SubtypeSublayer), [`ImageryLayer`](/references/core/layers/ImageryLayer), [`ImageryTileLayer`](/references/core/layers/ImageryTileLayer) and [`WCSLayer`](/references/core/layers/WCSLayer).","values":[]},{"name":"legend-interactions-disabled","description":"When `true`, disables the toggling of series or slices from the legend items. Clicking on the legend items will not hide or show the corresponding elements on the chart.\n\n**Note**: Only applicable to charts with multiple series and while the legend is displayed.","values":[]},{"name":"null-as-valid","description":"When `true`, null values are considered as valid.\n\nBy default, when the data contains only null values, the chart dataset is considered empty:\n- The [@arcgisBadDataWarningRaise](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisBadDataWarningRaise) event will be sent.\n- The \"No data available to display\" warning message will be displayed in the chart container.","values":[]},{"name":"placeholder","description":"Placeholder text displayed in the chart container when no chart is configured.\nIf the string contains HTML tags they will be interpreted as such.","values":[]},{"name":"popup-template-field-infos-enabled","description":"When `true`, field aliases from layer's [popupTemplate](/references/core/layers/FeatureLayer/#popupTemplate) are used to render field names in tooltips, axes and legend on the chart.","values":[]},{"name":"return-features-extent","description":"When `true`, the feature extent is returned in the payload of [@arcgisDataProcessComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisDataProcessComplete)\nand [@arcgisSelectionComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisSelectionComplete) events.\nApplies only to:\n- Charts using an aggregation.\n- Data sources using a feature layer compatible with envelope aggregation.\n\nThe extent is returned through the [featuresExtentField](https://developers.arcgis.com/javascript/latest/references/charts-components/utils/defaults/index/#featuresExtentField) variable.\n\n**Note**: Not applicable to gauges.","values":[]},{"name":"return-selection-indexes","description":"When `true`, selection indexes are computed and returned whenever a selection is made on or passed to the chart.\n\n**Note**: Not applicable to gauges.","values":[]},{"name":"return-selection-oi-ds","description":"When `true`, object ids are computed and returned whenever a selection is made on or passed to the chart.\nOnly considered for data sources using a [feature layer](/references/core/layers/FeatureLayer).\n\n**Note**: Not applicable to gauges or charts configured with imagery layers.","values":[]},{"name":"rotated","description":"When `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.\n\n**Note**: Applicable to bar charts, box plots, combo bar line charts and line charts.","values":[]},{"name":"set-time-binning-info-when-not-provided","description":"When `true`, the time binning unit and size is automatically set when not provided via the [`temporalBinningSize`](/references/charts-components/model/bar-chart-model/bar-chart-model/#temporalBinningSize) or [`temporalBinningUnit`](/references/charts-components/model/line-chart-model/line-chart-model/#temporalBinningUnit) properties of the chart model.\n\nThe time binning unit and size information for the chart will be derived from the dataset's date minimum and maximum values to compute an interval that best fits the date range.\n\n**Note**: Only applicable to charts with temporal binning enabled (bar chart, combo bar line chart, line chart, radar chart).","values":[]},{"name":"show-empty-series","description":"When `true`, show the series on the chart and legend even if it doesn't contain any data.\n\nBy default, the empty series are hidden from the chart and the legend.","values":[]},{"name":"skip-chart-creation-queue","description":"When `true`, charts will render immediately without waiting for other charts to finish rendering.\nBy default, charts are queued so that only one chart renders at a time.","values":[]},{"name":"sync-charts-selection","description":"When `true`, the selection will be synchronized between charts configured with the same layer.","values":[]},{"name":"sync-view-selection","description":"Determines whether the chart's selection should be synchronized with either the chart's [selectionManager](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#selectionManager) or the layer view's.","values":[]},{"name":"sync-view-time-extent","description":"Whether the chart should be refreshed when the view's time extent changes.\n\n**Note**: Not supported for histogram.","values":[]},{"name":"sync-view-time-zone","description":"Whether the chart's data should be in sync with the view's [timeZone](/references/core/views/MapView/#timeZone).\n\n**Note**: This applies only to charts supporting temporal data. Additionally if the data is binned, it applies only if the layer has the\ncapacity to handle the `/queryBins` operation. For any other case the chart will ignore the view's time zone regardless of the value of this property.","values":[]},{"name":"time-zone","description":"Used to set a custom time zone for the chart.","values":[]},{"name":"zero-count-as-valid","description":"When `true`, count=0 is considered a valid statistic.\n\nBy default, when the aggregation type is \"count\" and the data contains only values equal to 0, the chart dataset\nis considered empty:\n- The [@arcgisBadDataWarningRaise](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisBadDataWarningRaise) event will be sent.\n- The \"No data available to display\" warning message will be displayed in the chart container.","values":[]}],"references":[{"name":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/"},{"name":"Bar Chart\nBar charts summarize and compare categorical data using proportional bar lengths to represent values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--bar-chart&singleStory=true"},{"name":"Box Plot\nBox plots visualize and compare the distribution and central tendency of numeric values through their quartiles.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--box-plot&singleStory=true"},{"name":"Line Chart\nLine charts visualize change over a continuous range, such as time or distance. They highlight overall trends and enable easy comparison of multiple data series simultaneously.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--line-chart&singleStory=true"},{"name":"Combo Bar Line Chart\nCombo bar line charts combine bar and line charts to visualize data across categories, time, or both—enabling flexible comparisons in a single view.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--combo-bar-line-chart&singleStory=true"},{"name":"Gauge\nGauges visualize a single metric within a quantitative context defined by minimum and maximum values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--gauge&singleStory=true"},{"name":"Heat Chart\nHeat charts visualize data density or intensity across two dimensions, using color gradients to represent values.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--heat-chart&singleStory=true"},{"name":"Histogram\nHistograms visualize the distribution of a continuous numeric variable by showing the frequency of values within defined intervals.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--histogram&singleStory=true"},{"name":"Pie Chart\nPie charts group data into slices to visualize part-to-whole relationships, with each slice representing a category’s proportion of the total.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--pie-chart&singleStory=true"},{"name":"Scatterplot\nScatterplots visualize the relationship between two numeric variables, with one plotted along the x-axis and the other along the y-axis.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--scatterplot&singleStory=true"},{"name":"Radar Chart\nRadar charts visualize multivariate data across multiple variables, with each variable represented along a separate axis arranged in a circular layout.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-chart--radar-chart&singleStory=true"}]},{"name":"arcgis-charts-action-bar","description":"The Charts Action Bar component provides context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.\nThis component is designed to be used with a chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled.\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.","attributes":[{"name":"action-bar-selection-mode","description":"Defines which selection mode the slotted action bar should use.\n- `monoSelection`: Select a single data point/series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points/series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points/series while holding the Ctrl key (Cmd key on Mac), new selection adds to the previous one.","values":[{"name":"monoSelection"},{"name":"multiSelection"},{"name":"multiSelectionWithCtrlKey"}]},{"name":"chart-type","description":"Chart type used to determine which default actions to display.","values":[{"name":"scatterSeries"},{"name":"pieSeries"},{"name":"gaugeSeries"},{"name":"lineSeries"},{"name":"barSeries"},{"name":"histogramSeries"},{"name":"boxPlotSeries"},{"name":"radarSeries"},{"name":"comboLineAndBarSeries"},{"name":"heatSeries"}]},{"name":"clear-selection-state","description":"When `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"clear-selection-title","description":"Custom title for the clear selection action.","values":[]},{"name":"clear-selection-toggle","description":"When `active`, the clear selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"edit-chart-state","description":"When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"edit-chart-title","description":"Custom title for the edit chart action.","values":[]},{"name":"edit-chart-toggle","description":"When `active`, the edit chart action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"expanded","description":"When `true`, the action bar is expanded.","values":[]},{"name":"export-action-state","description":"When `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-csv-state","description":"When `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-csv-title","description":"Custom title for the download CSV action.","values":[]},{"name":"export-as-image-state","description":"When `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"export-as-image-title","description":"Custom title for the download chart action.","values":[]},{"name":"filter-by-extent-state","description":"When `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"filter-by-extent-title","description":"Custom title for the filter by extent action.","values":[]},{"name":"filter-by-extent-toggle","description":"When `active`, the filter by extent action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"filter-by-selection-state","description":"When `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"filter-by-selection-title","description":"Custom title for the filter by selection action.","values":[]},{"name":"filter-by-selection-toggle","description":"When `active`, the filter by selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"force-disable-actions","description":"When `true`, overrides the individual settings for each action to instead force disable them all.","values":[]},{"name":"full-extent-state","description":"When `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"full-extent-title","description":"Custom title for the full extent action.","values":[]},{"name":"full-extent-toggle","description":"When `active`, the full extent action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"legend-state","description":"When `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"legend-title","description":"Custom title for the legend action.","values":[]},{"name":"legend-toggle","description":"When `active`, the legend action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"rotate-chart-state","description":"When `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"rotate-chart-title","description":"Custom title for the rotate chart action.","values":[]},{"name":"rotate-chart-toggle","description":"When `active`, the rotate chart action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"selection-state","description":"When `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"selection-title","description":"Custom title for the selection action.","values":[]},{"name":"selection-toggle","description":"When `active`, the selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"switch-selection-state","description":"When `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"switch-selection-title","description":"Custom title for the switch selection action.","values":[]},{"name":"switch-selection-toggle","description":"When `active`, the switch selection action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]},{"name":"zoom-state","description":"When `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.","values":[{"name":"disabled"},{"name":"enabled"}]},{"name":"zoom-title","description":"Custom title for the zoom action.","values":[]},{"name":"zoom-toggle","description":"When `active`, the zoom action is highlighted.","values":[{"name":"active"},{"name":"inactive"}]}],"references":[{"name":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/"},{"name":"Charts Action Bar\nThe charts action bar component renders a set of buttons based on the chart type, offering optional tools to enhance chart functionality.","url":"https://developers.arcgis.com/javascript/latest/storybook/charts-components/index.html?path=/story/arcgis-charts-action-bar--demo&singleStory=true"}]}]}