在vue里面使用highcharts的 no-data-to-display模块

Question

在vue里面使用highcharts

  import Highcharts from 'highcharts'

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

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

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

Answer 1

方法如下
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)

Answer 2

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