syidaxchart
Home Pricing Settings

SYIDAX CHARTS

Themes and logos

Configure the page theme, chart appearance, and shared branding together.

Markdown source Components

Theme

Set the chart theme with the theme property. Update it when your app switches between light and dark themes. The default logo and its outline adapt to the chart theme.

Community logo and position

Community charts display the Syidax symbol and wordmark inside the data area. Choose one of four corners with brand-position; the default is bottom-right. Screen rendering and image exports use the same corner. For Data Zoom, Navigator, and Visual Map, configure the logo on the connected target chart.

html
<sy-line-chart brand-position="bottom-left"></sy-line-chart>

Pro customization

With a valid chart.branding entitlement, set brand-logo="none" to remove the logo, or supply your own image through brandLogo. Use a PNG, JPEG, or WebP data URL of up to 100 KB. External image URLs and SVG are not supported. Without the entitlement, the default logo remains.

html
<sy-line-chart brand-logo="none"></sy-line-chart>