Vue引入luckysheet插入图表不显示解决方案

问题:

Vue中引入luckysheet后,默认为false,改为true

修改后在表格上方可看到图表按钮

点击后没有反应,页面上方也不会提示错误信息,此时f12打开控制台可看到报错

Uncaught TypeError: h.createChart is not a function

解决:

1、首先在script中,添加插件

2、在public下的index.html中引入chartmix

<link rel='stylesheet' href='./static/luckysheet/plugins/css/pluginsCss.css' />
    <link rel='stylesheet' href='./static/luckysheet/plugins/plugins.css' />
    <link rel='stylesheet' href='./static/luckysheet/css/luckysheet.css' />
    <link rel='stylesheet' href='./static/luckysheet/assets/iconfont/iconfont.css' />
    <link rel='stylesheet' href='static/luckysheet/expendPlugins/chart/chartmix.css"' />

    <script src="./static/luckysheet/plugins/js/plugin.js"></script>
    <script src="./static/luckysheet/luckysheet.umd.js"></script>
    <script src="static/luckysheet/expendPlugins/chart/chartmix.umd.min.js"></script>

3、找到luckysheet.umd.js文件修改chartmix打包路径

在js文件中搜索expendPlugins,将js文件和css文件修改为上方引入的路径

 4、保存后选中数据再次点击图表按钮可以生成图表,点击修改图标按钮可以选择样式

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值