echarts 分象限实现气泡图

最新推荐文章于 2026-04-06 09:40:13 发布

原创

最新推荐文章于 2026-04-06 09:40:13 发布 · 1.7k 阅读

标签

#echarts #前端 #javascript

如图：
在这里插入图片描述
代码：

option = {
        title: [
          {
            text: '市场份额 和 植入台数(按 省份 和 省份植入贡献率1)',
            left: 'center',
            textStyle: {
              fontSize: 18,
            },
          },
          {
            text: '第一象限',
            z: 1,
            textAlign: 'center',
            left: '10%',
            top: '18%',
            textStyle: {
              fontSize: 14,
              fontWeight: 'normal',
              color: '#999',
            },
          },

          {
            text: '第二象限',
            z: 1,
            textAlign: 'right',
            left: '95%',
            top: '18%',
            textStyle: {
              fontSize: 14,
              fontWeight: 'normal',
              color: '#999',
            },
          },{
            text: '第三象限',
            z: 1,
            textAlign: 'center',
            left: '10%',
            top: '85%',
            textStyle: {
              fontSize: 14,
              fontWeight: 'normal',
              color: '#999',
            },
          }, 
           {
            text: '第四象限',
            z: 1,
            textAlign: 'center',
            left: '90%',
            top: '85%',
            textStyle: {
              fontSize: 14,
              fontWeight: 'normal',
              color: '#999',
            },
          }, 
            {
            text: '市场份额',
            z: 1,
            textAlign: 'center',
            left: '45%',
            top: '95%',
            textStyle: {
              fontSize: 14,
            },
          }, 
            {
            text: '省\n份\n植\n入\n贡\n献\n率\n1\n',
            z: 1,
            textAlign: 'center',
            left: '1%',
            top: '50%',
            te

最低0.47元/天解锁文章