@super-chart/chart-react

React adapter for @super-chart/chart-advanced.

商业闭源，仅供授权集成方使用。

Install

pnpm add @super-chart/chart-react @super-chart/chart-advanced

Peer dependency: react ^18 or ^19.

Quick start

import { useRef } from 'react'
import { FinancialChart, type FinancialChartRef } from '@super-chart/chart-react'

export function DemoChart() {
  const chartRef = useRef<FinancialChartRef>(null)

  return (
    <FinancialChart
      ref={chartRef}
      style={{ width: '100%', height: 400 }}
      options={{ symbol: 'DEMO', preset: 'trading' }}
      initialData={[
        { time: Date.parse('2026-07-27T09:30:00.000+08:00'), open: 100, high: 103, low: 99, close: 102 },
        { time: Date.parse('2026-07-27T09:31:00.000+08:00'), open: 102, high: 105, low: 101, close: 104 },
      ]}
    />
  )
}

After mount, use the ref for setData, appendData, fitContent, and other chart APIs.

Docs

https://danhuaxiansheng.github.io/super-chart-platform/

License

UNLICENSED — authorized use only.