# Charts API Reference

Explore Syidax Charts configuration, data types, and runtime APIs.

Canonical: https://chart.syidax.com/docs/

<a id="start"></a>

## Getting started

Charts are Web Components. Pass simple values through HTML attributes and arrays, objects, and callbacks through JavaScript properties. Choose the shared sy-chart entry point or individual chart tags to suit your app.

- [Installation and your first chart](https://chart.syidax.com/docs/getting-started.md) — Connect packages, register elements, assign data, and update dimensions
- [Configuration and data model](https://chart.syidax.com/docs/concepts.md) — Shared facade and direct tags; attributes and properties
- [Themes and logos](https://chart.syidax.com/docs/branding.md) — Shared branding, four corner positions, and Pro customization
- [Accessibility](https://chart.syidax.com/docs/accessibility.md) — Alternative data, keyboard access, and meaningful color

<a id="reference"></a>

## Browse the API

- [Configuration options](https://chart.syidax.com/docs/options.md) — All shared sy-chart options, types, and defaults
- [API by chart type](https://chart.syidax.com/docs/components.md) — Data contracts, properties, events, and methods for individual tags
- [Methods](https://chart.syidax.com/docs/methods.md) — Asynchronous APIs to control a running chart and read results
- [Events](https://chart.syidax.com/docs/events.md) — Event names and CustomEvent.detail types
- [Types](https://chart.syidax.com/docs/types.md) — Input and result objects and their related types

<a id="examples"></a>

## Live examples

Open Components to change options and see charts render. Read API descriptions and contracts here, and copy complete code for the current settings from Components.

- [Open Components](https://chart.syidax.com/charts/demos) — Live preview · JavaScript · React · Vue · Angular

<a id="plain-text"></a>

## Text resources

All documentation is available as HTML readable without JavaScript. Each page's Markdown link provides the same content as plain text. JSON includes the document structure and API types, defaults, and arguments.

- [Documentation index · llms.txt](https://chart.syidax.com/docs/llms.txt) — An index of Markdown URLs for AI tools
- [Complete reference · JSON](https://chart.syidax.com/docs/reference.json) — Read content and API metadata together