echarts使用三维图形

最新推荐文章于 2023-10-24 15:31:35 发布

风也萧萧，雨也萧萧

最新推荐文章于 2023-10-24 15:31:35 发布

阅读量143

点赞数

分类专栏： echarts 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_43358289/article/details/132212030

版权

echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

echarts使用三维图形

使用echarts三维图形需要添加 echarts-gl 扩展包

安装

npm install echarts
npm install echarts-gl

引入

import * as echarts from 'echarts';
import 'echarts-gl';

option结构

chart.setOption({
    grid3D: {},
    xAxis3D: {},
    yAxis3D: {},
    zAxis3D: {},
    series: [{
        type: 'scatter3D',
        symbolSize: 50,
        data: [[-1, -1, -1], [0, 0, 0], [1, 1, 1]],
        itemStyle: {
            opacity: 1
        }
    }]
})

参考网址:https://www.npmjs.com/package/echarts-gl