logo

Ant Design Charts

  • Manual
  • Options
  • Examples
  • Productsantv logo arrow
  • 2.0.0
  • Introduction
  • Quick Start
  • Upgrade
  • FAQ
  • Contact Us

FAQ

Previous
Upgrade
Next
Contact Us

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

FAQ

以下整理了一些 Ant Design Charts 社区常见的问题和官方答复。

1、Object(...) is not a function

示例

可能原因:

  • React 版本过低,不支持 hooks 引起的,升级到 16.8.4 版本或最新版本即可。
  • 使用了 2.x 版本的 ant-design-pro ,导致底层依赖冲突,建议升级 pro 到最新版本。
  • 使用了 BizCharts 依赖冲突。

2、打包文件过大,如何按需加载

方案 1:从 es 引入

从对应子包里面引入

// 统计图表
import Line from '@ant-design/plots/es/components/line';

方案 2: 开启 sideEffects

开启 webpack sideEffcets 配置,webpack 4+ 默认应该是开启的。

{
optimization: {
sideEffects: true,
}
}

方案 3: 使用 babel-plugin-import

// 安装依赖
npm install babel-plugin-import -D
// 配置 .babelrc 文件
{
"plugins": [
["import", {
"libraryName": "@ant-design/plots",
"libraryDirectory": "es"
}],
["import", {
"libraryName": "@ant-design/graphs",
"libraryDirectory": "es"
}],
["import", {
"libraryName": "@ant-design/maps",
"libraryDirectory": "es"
}]
]
}

3、为什么图表一直重绘

由于 react 机制,默认情况下只要父组件有状态更新,子组件都会重新渲染,导致图表再次重绘。可参考示例

4、IE 兼容

参考 ChartsIE

更多问题

请到 GitHub issues 进行反馈,搜索是否有类似问题。我们会尽快响应和相应改进这篇文档。