import { ConfigProvider } from '@ant-design/charts';

<ConfigProvider common={{ theme: 'dark' }}>
  <MyApp />
</ConfigProvider>;

import { ConfigProvider } from '@ant-design/charts';

<ConfigProvider
  common={{
    theme: {
      type: 'dark', // 基于 dark 主题定制
      color: '#66ccff',
      category10: ['#123456', '#654321', ... ],
      axis: {
        labelFill: '#666666',
      }
    },
  }}
>
  <MyApp />
</ConfigProvider>;

import { ConfigProvider } from '@ant-design/charts';

<ConfigProvider
  // 折线图配置
  line={{
    shape: 'smooth',
    style: {
      lineWidth: 2,
    },
  }}
  // 饼图配置
  pie={{
    legend: {
      color: {
        title: false,
        position: 'right',
        rowPadding: 5,
      },
    },
  }}
>
  <MyApp />
</ConfigProvider>;