跳到主要内容

组件

iC Candle 提供面向 TradingView Charting Library 的图表浮层，以及供自建图表宿主使用的托管 iframe 嵌入。

架构​

在你的图表上使用 iC Candle 有 3 种方式 — React 组件、Vue 组件，或自建组件。三者都加载托管 Iframe 嵌入：https://embed-iccandle-app.iccandle.ai/{locale}。

iC Candle 组件集成架构

包版本状态用途
VueJS 组件0.2.0已发布Vue 3 浮层 — 扫描器、结果 iframe、形态追踪、新闻同步
ReactJS 组件0.2.21已发布一体化图表浮层 — 扫描器、结果 iframe、形态追踪、新闻同步
自建组件—已发布托管 URL + 搜索参数 + postMessage
无缝用户认证—已发布企业 API：创建并认证自有用户，以及授予套餐

React 与 Vue 包：

  • 以 ESM 与 CommonJS 发布，样式在运行时打包并注入（无需单独导入 CSS）。
  • 需要作为静态资源提供的 TradingView Charting Library 构建（不包含在 npm 包中）。
  • 通过嵌入式结果应用认证（iccandle_token）。

iframe 嵌入是独立托管应用（embed-iccandle-app.iccandle.ai）。无需安装 npm 包；加载 URL、传入查询参数并自行处理消息即可。

前提条件​

  1. React / Vue 组件：获取并托管 TradingView Charting Library（例如放在 public 目录的 /charting_library/）。
  2. 使用 ReactJS 组件时，需安装 React 18+（react、react-dom 为 peer 依赖）。
  3. 使用 VueJS 组件时，需安装 Vue 3.5+（vue 为 peer 依赖）。
  4. 自建组件：可托管 iframe 的页面，并（扫描时）使用登录得到的 Bearer token 调用 cacheCandle。

开始使用​