在进行图表展示开发时,因为外观的需求,有时会有 3d图表 的展示要求,这时可以使用 Highcharts 来满足开发需求。
在这里记录一下其基本用法
- 首先安装
npm install highcharts-vue - 在展示组件/页面里引入,!!!注意后两行,这里是关键,只有引入3d库才能支持3d图表!!!
1
2
3
4import {Chart} from "highcharts-vue";
import highcharts from "highcharts";
import highcharts3d from "highcharts/highcharts-3d";
highcharts3d(highcharts);1
2<Chart :options="chartOptions">
</Chart> - 这时就可以使用
chartOptions参照官方文档开始配置属性项了