echarts-gl>scatter_3D中symbol设置成图片时如何转为矢量路径

方法一:

1.访问Convertio — 文件转换器

2.选择图片>svg

3.下载转换好的图片>打开控制台,复制矢量路径

4.使用:示例

series: [

          {

            type: "scatter3D",

            coordinateSystem: "geo3D",

            itemStyle: {

              color: "#FFCC00",

              opacity: 1,

            },

            zlevel: 1,

            silent: true,

            symbol:path//M 126 185 c -36 -13 -55 -29 -56 -47 c 0 -9 34 -28 69 -39 c 21 -6 22 -7 6 -8 c -27 -1 -85 35 -85 54 c 0 20 -13 19 -34 -4 c -39 -43 14 -84 130 -100 c 112 -16 255 16 270 61 c 6 20 -8 43 -37 58 c -14 8 -16 6 -12 -9 c 5 -18 -29 -51 -52 -51 c -5 1 2 8 18 16 c 15 8 27 19 27 24 c 0 33 -100 71 -133 50 c -14 -8 -22 -9 -30 -1 c -14 14 -33 13 -81 -4 Z m 181 -91 c -3 -3 -12 -4 -19 -1 c -8 3 -5 6 6 6 c 11 1 17 -2 13 -5 Z m -59 -11 c -16 -2 -40 -2 -55 0 c -16 2 -3 4 27 4 c 30 0 43 -2 28 -4 Z,

            // symbol: "circle",

            symbolSize: [10, 20,50],

            data: this.marketList,

            // selectedMode: "single", //地图高亮单选

            label: {

              normal: {

                show: true, //显示部门名称

                position: "right", //显示位置

                top: -20,

                offset: [0, 0], //偏移设置

                formatter: function (params) {

                  //圆环显示文字

                  return params.data.name;

                },

                fontSize: 13,

              },

              emphasis: {

                label: {

                  //鼠标划过时高亮

                  show: true,

                  color: "#FFCC00",

                },

              },

            },

          },

        ],

      };

方法二:

可以参考官网:Documentation - Apache ECharts

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值