@super-chart/chart-advanced

金融图表产品层 Facade：组合底座与 Canvas 渲染器，提供交易/研究 preset。

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

Install

pnpm add @super-chart/chart-advanced

Quick start

import { createChart } from '@super-chart/chart-advanced'

const container = document.querySelector<HTMLElement>('#chart')
if (container === null) throw new Error('Missing #chart')

const chart = createChart(container, {
  symbol: 'DEMO',
  preset: 'trading',
})
chart.setData([
  { 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 },
])
chart.fitContent()

chart.layout.subscribe((layout) => {
  void layout
})
chart.insight.subscribe((insight) => {
  void insight
})

// 页面卸载时释放观察器、事件和动画帧。
chart.destroy()

Conventions

• Timestamps: UTC millisecond integers (UnixTimestampMs).
• Colors: default red-up / green-down; override via theme.
• Targets: desktop Chrome, Edge, Firefox, Safari, and Electron.
• Presets: trading defaults to candlestick; research defaults to line. No product toolbar UI — host builds chrome.
• Data: use setData / updateData / optional dataSource and history.

Docs

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

Related: chart-react, chart-widget.

License

UNLICENSED — authorized use only.