ant-design-charts icon indicating copy to clipboard operation
ant-design-charts copied to clipboard

🧐[问题] 矩阵树图 Treemap 无法使用 promise

Open guuuoxuuun opened this issue 6 months ago • 0 comments

🧐 矩阵树图 Treemap 无法使用 promise, 报错 Uncaught (in promise) TypeError: d.id is undefined

💻 示例代码

我直接把demo的数据放到请求返回里,仍然无法解析

const [treeData, setTreeData] = useState({});

  const tdata = {
    name: 'root',
    children: [
      { name: '分类 1', value: 560 },
      { name: '分类 2', value: 500 },
      { name: '分类 3', value: 150 },
      { name: '分类 4', value: 140 },
      { name: '分类 5', value: 115 },
      { name: '分类 6', value: 95 },
      { name: '分类 7', value: 90 },
      { name: '分类 8', value: 75 },
      { name: '分类 9', value: 98 },
      { name: '分类 10', value: 60 },
      { name: '分类 11', value: 45 },
      { name: '分类 12', value: 40 },
      { name: '分类 13', value: 40 },
      { name: '分类 14', value: 35 },
      { name: '分类 15', value: 40 },
      { name: '分类 16', value: 40 },
      { name: '分类 17', value: 40 },
      { name: '分类 18', value: 30 },
      { name: '分类 19', value: 28 },
      { name: '分类 20', value: 16 },
    ],
  };

  const getPositionData = async (params) => {
    const response = await fetch(`xxxxxxxxxxx`); //无关紧要
    const result = await response.json();
    setData(result.data)  
    setInfo(result.info);
    setTreeData(tdata)
    console.log(tdata)
    return {
      data: result.data,
      success: true,
      total: result.total,
    };
  };
  
  <Treemap {...Treeconfig} />

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

guuuoxuuun avatar Aug 13 '24 11:08 guuuoxuuun