使用cursor开发工具完成可视化图表制作
cursor在新的版本(2.1.26)中已经支持mcp,也就是可以让cursor自动调用mcp完成一些工具的调用。下面演示让cursor调用图表生成的mcp,完成图标的制作。本次用到的mcp名称为:mcp-server-chart。
mcp说明
cursor在新的版本(2.1.26)中已经支持mcp,也就是可以让cursor自动调用mcp完成一些工具的调用。
下面演示让cursor调用图表生成的mcp,完成图标的制作。
本次用到的mcp名称为:mcp-server-chart
官方地址:
https://github.com/antvis/mcp-server-chart
配置mcp
在cursor中需要手动配置mcp,也就是告诉cursor你可以使用这些mcp。
cursor会根据需求,自行判断是否需要调用mcp来完成。
下面演示如何在cursor中配置mcp,配置mcp-server-chart,具体操作如下:
打开https://github.com/antvis/mcp-server-chart,找到使用方式

然后拷贝这段配置脚本
打开cursor,找到设置,MCP,新增mcp服务。

把前面拷贝的配置放进去

当看到这里出现了绿色的小圆点,说明加载成功。

生成图表
案例一:柱状图
根据已有数据,生成省份人口信息柱状图。
基础数据如下,是一些省份的不同年份人口数量信息。

在cursor中填写提示词

会提示是否允许调用mcp工具,这里点击允许。

生成完毕后,直接打开这个链接

打开后这是一个图片,可以下载

案例二:饼状图
还是用上一步的基础数据,生成饼状图。
执行完毕,打开链接,可以看到生成了饼状图。

案例三:词云图
根据下面的基础信息,生成词云图


打开链接

如果觉得生成的词云图不满意,可以继续跟cursor对话,让它修改

打开链接,查看效果

就mcp-server-chart来说,一共有26种图表风格,根据需求来生成不同的图表。
以上三个案例只是为了演示cursor借助mcp生成图标的用法,其他更多的mcp用法,可以到mcp市场查找,访问地址如下:
更多推荐
所有评论(0)