echarts 3d如何实现这种效果呢?涟漪效果使用贴图已经实现,但是标志如何使用自定义图片呢?

1652453626(1).png

使用scatter3D
{

            type: "scatter3D",
            coordinateSystem: 'geo3D',
            symbol: 'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z',
            symbolSize: 30,
            animation: true,
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    distance: 0,
                    formatter: function (data) {
                        var res = '订单量:' + '\n {img1|这段文字}' + data.name + " " + data.value[2];
                        return res
                    },
                    textStyle: {
                        backgroundColor: '#1ea98ba8',
                        borderColor: '#555',
                        borderWidth: 1,
                        borderRadius: 5,
                        padding: 10,
                        fontSize: 12,
                        color: '#fff',
                        fontWeight: '600'
                    }
                }
            },
            data: data,
        },
阅读 1.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏