vue3+Highcharts实现柱状图

1.效果图

2.准备工作

npm install --save highcharts

//main.js
// 引入charts
import Highcharts from 'highcharts';
// 使用3d图还需要引入下面的
import Highcharts3d from 'highcharts/highcharts-3d';
// 调用3d图表
Highcharts3d(Highcharts);


//页面还需引入
import Highcharts from 'highcharts';

3.html

父组件

import threeDPie from '@/components/threeDPie.vue' 
import threeDTwoPie from '@/components/threeDTwoPie.vue' 




                                
                                

子组件