在NAS上部署个图表案例库怎么样?(中)

2024-07-05 17:42:11 4点赞 19收藏 1评论

0x04 书接上回:

前篇文章写到,我想部署个开源图表库,发现代码不完全。我来看看缺少什么,自己能不能补充上。

在NAS上部署个图表案例库怎么样?(中)

第11行import注掉了,这个文件是没有的,是图表详情页面。

在NAS上部署个图表案例库怎么样?(中)

第46行,在列表上点击缩略图是调用chartClick事件,显示示例详情。并把cid传到组件ChartDetail。

0x05 用大模型来生成缺失的文件:

听说给chatgpt一个原型图片就可以生成一个小游戏。我用不了chatgpt,那么我试下国产的大模型好不好用吧,给文心一言描述一下页面的样子,看看能不能生成代码。

在NAS上部署个图表案例库怎么样?(中)在NAS上部署个图表案例库怎么样?(中)在NAS上部署个图表案例库怎么样?(中)

看来文心一言基本了解了我的需要。

0x05 测试下AI生成的代码:

1.切换echarts版本这个功能没问题

2.vue-monaco不好用,加载错误

3.图表也加载不上

0x06 更换Monaco编辑器

重新问一下文心一言monaco的用法

在NAS上部署个图表案例库怎么样?(中)

看一下,这个项目是基于vite的,webpack这个用不到,继续问

在NAS上部署个图表案例库怎么样?(中)

按这个弄半天,编辑器组件好用了。

在NAS上部署个图表案例库怎么样?(中)

0x07 待续待续

前端太难了,vue-monaco显示代码是正常了,但是格式化代码和代码提示还要配置,这个不急。但是最重要的是要把echarts图表显示出来,本周我是弄不出来了,休息几天,下周再研究!!

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
1评论

  • 精彩
  • 最新
  • 部署图表案例库的过程好详细!欢迎分享更多技术细节和心得,期待你的后续研究!

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
19
扫一下,分享更方便,购买更轻松