{"repo":"chengzuopeng/kline-charts-react","free":true,"listed":false,"github":"https://github.com/chengzuopeng/kline-charts-react","clone":"git clone https://github.com/chengzuopeng/kline-charts-react.git","description":"基于 ECharts，内置 Stock SDK 数据源，开箱即用的专业级股票 K 线图表 React 组件。","language":"TypeScript","stars":20,"topics":["kline","klinecharts","react","stock-market","stock-sdk"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"KLine Charts 📈 专业级股票 K 线图表 React 组件 基于 ECharts，内置 stock-sdk 数据源，开箱即用 在线演示 • 安装 • 快速开始 • 功能特性 • API 文档 • 主题定制 --- 功能特性 - 🚀 零配置数据 - 内置 stock-sdk，传入股票代码自动获取数据 - 🔌 可插拔数据源 - 支持自定义 DataProvider（解决跨域/接入自有行情源/SSR） - 🌍 多市场支持 - A 股、港股、美股 - 📊 丰富周期 - 分时、五日、日 K、周 K、月 K、分钟级 K 线 - 📈 技术指标 - MA/MACD/BOLL/KDJ/RSI/WR/BIAS/CCI/ATR/OBV/ROC/DMI/SAR/KC - 🎯 交互完善 - 缩放、平移、十字准线、Tooltip、撤销/重做 - 🖥️ 全屏模式 - 一键全屏展示 - 🔄 自动刷新 - 分时模式支持自动刷新数据 - 🎨 高度可定制 - 主题、颜色、指标参数均可配置 - 📱 响应式设计 - 自适应容器尺寸 - 📦 轻量体积 - Tree-shaking 友好，按需引入 ECharts 组件 安装 Peer Dependencies 快速开始 基础用法 切换股票 指定周期 可选周期： timeline timeline5 1 5 15 30 60 daily weekly monthly 受控 / 非受控 period 、 adjust 、 indicators 支持受控模式； defaultPeriod 、 defaultAdjust 、 defaultIndicators 用于非受控默认值。 配置技术指标 深色主题 自动刷新（分时模式） 自定义数据源 解决跨域问题或接入自有行情源： KlineData 数据结构 getKline 需要返回 KlineData[] ，每条数据的字段如下： TimelineData 数据结构 getTimeline 推荐返回 TimelineResult （ { data, prevClose } ），其中 data 为分时序列、 prevClose 为昨收价；也兼容直接返回 TimelineData[] ： 技术指标（MA、MACD、KDJ 等）会由组件自动根据 K 线数据计算，无需在数据源中提供。 未实现 getTimeline 的自定义数据源：分时/五日分时会退化为「调用 getKline 拿分钟数据 + 组件内聚合 VWAP」，此时无昨收基准。 无限滚动加载历史（loadMore） 日/周/月 K 向左滚动到最左侧时，组件会调用 getKline 并带上 cursor （当前最早一根的 date）与 limit （默认 180，可用 requestOptions.loadMoreLimit 配置）请求更早的历史： ⚠️ 内置数据源不支持增量加载历史 ：默认 provider 一次性返回全部历史并忽略 cursor / limit ，向左滚动不会加载更多（首次触发后自动停止探测）。 无限滚动仅在自定义 dataProvider 实现了基于 cursor 的分页时生效。 分页返回的顺序不限（newest-first / oldest-first 均可）：组件会去重并按日期 升序归并后再渲染。 使用 Ref 控制图表 unstable 二级导出 主入口只保留稳定导出。如果你明确需要内部 hooks / 子组件，请从 kline-charts-react/unstable 引入： API 文档 ","default_branch":null,"files":null,"tree":[],"storefront":"/r/chengzuopeng","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/chengzuopeng/kline-charts-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}