使用Markdown进行加载时，坐标轴等信息可以加载出来，但是图形加载不出来

[zhuorenqiao]

[zhuorenqiao]

控制台报了这种错误

[hustcc]

@zhuorenqiao 数据配置发一下，我们调试下看看。

[zhuorenqiao]

import React, { type FC } from 'react'
import ReactMarkdown from 'react-markdown'
import rehypeRaw from 'rehype-raw'
import rehypeSanitize from 'rehype-sanitize'
import remarkGfm from 'remark-gfm'
import { components } from './styles'

 <ReactMarkdown
      components={components)}
      remarkPlugins={[remarkGfm]}
      rehypePlugins={[rehypeRaw, rehypeSanitize]}
    >
      {children}
  </ReactMarkdown>

# 用的就是官网上面的例子 #
const markdownContent = `
# GPT-VIS \n\nComponents for GPTs, generative AI, and LLM projects. Not only UI Components.

Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022. You can see a steady increase over the years, with notable *growth* particularly in recent years.

\`\`\`vis-chart
{ "type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}] }
\`\`\`
`;

[hustcc]

这个看起来问题不大的，是不是你的环境中有多种不同版本的 G2？ @zhuorenqiao

[zhuorenqiao]

是的，我们项目集成了"@ant-design/plots": "^1.0.9", "@ant-design/charts": "^2.2.6",还有个"echarts": "^5.3.3",现在又集成了"@antv/gpt-vis": "^0.5.6",有什么办法可以不大的改动下解决这个问题吗

[hustcc]

你把 "@ant-design/plots": "^1.0.9" 换成 ^2 就可以解决了。

[zhuorenqiao]

我尝试过了，好像升级到2.x还是有问题，所以我现在采用了自定义渲染的方式绕开了这个问题。

[hustcc]

我尝试过了，好像升级到2.x还是有问题，所以我现在采用了自定义渲染的方式绕开了这个问题。

你是咋做的？

[zhuorenqiao]

使用了自定义组件的形式，然后再Charts组件使用1.x版本的图表组件