@datafe-open/markdown-chart-react

中文文档
0.4.1发布于 2026/10/31MITTypeScriptES Module构建来源已验证近 30 天下载 3.6万

markdown 图表的反应- 标记下适配器

中文使用文档

@ datafe- open/ markdown- 图表反应

零配置 <MarkdownChart source={markdown} />、提供者、图表块和 createMarkdownChartComponents() 用于反应标记的适配器。 零配置 组件自动登记 ECharts、 KPI 和交互式表格渲染器 并给出图表块 360px 最小高; KPI 牌和表格覆盖它 他们自己的内容高度. Canonical 内置数据集和渲染器重解引用数据集 自动包含图表/数据图标开关。 表格数据视图装入 第一次使用时的互动表格,如果加载,则返回到 HTML 核心视图 失败.

安装零配置组件 :

pnpm add echarts @datafe-open/markdown-chart-react

react-markdown 包含在本软件包中。 使用低级应用程序 供应商和进口商 react-markdown 直接声明 react-markdown 作为他们自己的依赖.

这个 pre 适配器从 MarkdownChartProvider; 新建 注册的渲染器别名不重建语言列表。 何时 直接使用此低等适配器, 给图表类一个非零高 因此图表运行时间可以测量其容器.

设定 streaming 打开 MarkdownChart 或者说 MarkdownChartProvider 当符号是 来了 关闭的图表栏立即渲染;只有未终止的 尾栅等. 提供者自动推断出 Markdown 源 直接 ReactMarkdown 孩子,所以通常的高级融合不需要额外的 来源道具. 等待和同步升起的图表显示包装 状态; 通过 loadingLabel 改为 MarkdownChart, (中文(简体) ), MarkdownChartProvider,或一个 个人 MarkdownChartBlock 使其文本本地化. 过 labels 将图表/数据控制本地化, 无障碍标签、空/已更新的数据电文以及 Chart unavailable 错误倒置 . 过 referenceActions 改为 MarkdownChart 或者说 MarkdownChartProvider 将曝光 渲染器参考控件. 主机选择所支持的 refs 用 canOpen 财务报告和审定财务报表 手柄单击 open; 软件包不解释或导航参考. KPI和表格引用的数据使用其独立的渲染器选项:

const kpiOptions = useMemo(
  () => ({ validateDataRef, resolveDataRef }),
  [validateDataRef, resolveDataRef],
);
const tableOptions = useMemo(
  () => ({ validateDataRef, resolveDataRef }),
  [validateDataRef, resolveDataRef],
);

<MarkdownChart
  source={source}
  kpi={kpiOptions}
  table={tableOptions}
/>

留着 kpi 财务报告和审定财务报表 table 选项,解析器召回,以及 referenceActions.canOpen 编号 : open 整个流程的回调稳定使自动登记和完成 图表挂载可以重复使用.

新的遗产 ChatBI 集成应创建一个 createLegacySandboxClient 每经认证的主要生命周期,装订 { sessionId, requestId, phase, cacheScopeKey },然后通过绑定为 echarts={{ legacySandbox }}保留 当上下文发生变化时,客户端稳定地跨出普通程序并重新组合. cacheScopeKey 必须明确稳定、非秘密的主要身份 不使用符号/ cookie 值或散列, 在登录更改时重建客户端 . echarts.legacySandbox 是唯一支持的临时公共配置 ChatBI 查询和沙盒文件栅栏; 零配置组件显示否 独立的后继解析器道具或回调上下文键.

版本与发布记录

@datafe-open/markdown-chart-react 共发布 28 个版本,首次发布于 2026/07/17;过去 12 个月发布了 28 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.4.1latest2026/10/3110 天前
0.4.02026/10/2220 天前
0.3.42026/09/221 个月前
0.3.32026/09/211 个月前
0.3.22026/09/201 个月前
0.3.12026/09/181 个月前

关于 @datafe-open/markdown-chart-react 的常见问题

@datafe-open/markdown-chart-react 是什么?

markdown 图表的反应- 标记下适配器

如何安装 @datafe-open/markdown-chart-react?

在项目目录运行 npm install @datafe-open/markdown-chart-react,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(^18.0.0 || ^19.0.0)、echarts(>=5.5 <7)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@datafe-open/markdown-chart-react 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@datafe-open/markdown-chart-react 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@datafe-open/markdown-chart-react 可以商用吗?

@datafe-open/markdown-chart-react 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@datafe-open/markdown-chart-react 的下载量有多少?

根据 npm 官方下载统计,@datafe-open/markdown-chart-react 在 2026/10/12 – 2026/11/10 这 30 天内被下载 36,237 次,日均约 1,208 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@datafe-open/markdown-chart-react 还在维护吗?

最新版本 0.4.1 发布于 2026/10/31(10 天前);至今共发布 28 个版本,其中过去 12 个月发布了 28 个;首次发布于 2026/07/17。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。