在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-no-data-to-display')(Highcharts)

2)import方式

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注