H5W3
当前位置:H5W3 > 其他技术问题 > 正文

在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)

本文地址:H5W3 » 在vue里面使用highcharts的 no-data-to-display模块

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址