Vue2.0中使用Highcharts

一、使用流程：

1.npm安装：

npm install highcharts --save
npm install highcharts-no-data-to-display --save

2.导入依赖：

import HighCharts from 'highcharts'
import Highcharts3d from 'highcharts/highcharts-3d'
import HighchartsNoData from 'highcharts-no-data-to-display';

3.调用：

HighchartsNoData(HighCharts);
Highcharts3d(HighCharts);

二、简单示例（3D饼图动态加载数据）

1.创建子组件：

2.父组件调用：

    已完成 {{ annualData.frate || 0 }}%
    未完成 {{ annualData.nrate || 0 }}%