vue2/3使用highcharts时3d类图表3d效果不生效问题
发表于:2024-04-18 | 分类: 前端
字数统计: 154 | 阅读时长: 1分钟 | 阅读量:
在进行图表展示开发时,因为外观的需求,有时会有 3d图表 的展示要求,这时可以使用 Highcharts 来满足开发需求。
在这里记录一下其基本用法
  • 首先安装 npm install highcharts-vue
  • 在展示组件/页面里引入,!!!注意后两行,这里是关键,只有引入3d库才能支持3d图表!!!
    1
    2
    3
    4
    import {Chart} from "highcharts-vue";
    import highcharts from "highcharts";
    import highcharts3d from "highcharts/highcharts-3d";
    highcharts3d(highcharts);
    1
    2
    <Chart :options="chartOptions">
    </Chart>
  • 这时就可以使用 chartOptions 参照官方文档开始配置属性项了
上一篇:
记录一下常用比较好用的css
下一篇:
Cesium加载3dtileset并修改位置/偏移位置