🐛[BUG]按照官网上的例子热力图出来的效果不对

[lichkingzz]

根据官网的配置 https://v0-charts.ant.design/demos/heatmap#%E7%83%AD%E5%8A%9B%E5%9B%BE%E6%A8%A1%E5%BC%8F%E5%88%87%E6%8D%A2

🏞 期望结果 [描述你原本期望看到的结果]

实际效果

💻 复现代码 [提供可复现的代码，仓库，或线上示例]

import React, { useState, useEffect } from 'react'; import { Heatmap } from '@ant-design/charts';

const DemoHeatmap: React.FC = () => { const [data, setData] = useState([]); useEffect(() => { asyncFetch(); }, []); const asyncFetch = () => { fetch('https://gw.alipayobjects.com/os/basement_prod/a719cd4e-bd40-4878-a4b4-df8a6b531dfe.json') .then((response) => response.json()) .then((json) => setData(json)) .catch((error) => { console.log('fetch data failed', error); }); }; const config = { forceFit: false, width: 650, height: 500, data, xField: 'Month of Year', yField: 'District', colorField: 'AQHI', shapeType: 'rect', color: ['#174c83', '#7eb6d4', '#efefeb', '#efa759', '#9b4d16'], meta: { 'Month of Year': { type: 'cat' } }, }; return <Heatmap {...config} />; };

export default DemoHeatmap;

• ant-design-charts 版本: 2.1.1
• 浏览器环境: edge
• 开发环境 windows

🚑 其他信息 [如截图等其他信息可以贴在这里]