Charts API Reference

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

  Connect packages, register elements, assign data, and update dimensions

• Configuration and data model

  Shared facade and direct tags; attributes and properties

• Themes and logos

  Shared branding, four corner positions, and Pro customization

• Accessibility

  Alternative data, keyboard access, and meaningful color

Browse the API

• Configuration options

  All shared sy-chart options, types, and defaults

• API by chart type

  Data contracts, properties, events, and methods for individual tags

• Methods

  Asynchronous APIs to control a running chart and read results

• Events

  Event names and CustomEvent.detail types

• Types

  Input and result objects and their related types

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

  Live preview · JavaScript · React · Vue · Angular

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

  An index of Markdown URLs for AI tools

• Complete reference · JSON

  Read content and API metadata together