在vue里面使用highcharts的 no-data-to-display模块实现暂无数据显示

错误做法

在vue里面使用highcharts

import Highcharts from 'highcharts'

然后初始化各种数据,显示表格正常,但是有存在表格没有数据的情况,网上查了一下有这个

import 'highcharts/modules/no-data-to-display'

no-data-to-display模块,然后按照http://api.highcharts.com/hig... 这个来配置,但是没有数据的时候 仍然是一片空白

正确做法

(1)require方式

import Highcharts from 'highcharts';
require('highcharts/modules/no-data-to-display')(Highcharts)

(2)import方式

import Highcharts from 'highcharts'
import HighchartsNoData from 'highcharts/modules/no-data-to-display'
HighchartsNoData(Highcharts)

如果帮到可爱的你,动动小手点赞,点关注哦! 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值