echarts 分象限实现气泡图

最新推荐文章于 2024-07-11 15:27:50 发布

专心哦

最新推荐文章于 2024-07-11 15:27:50 发布

阅读量1.4k

点赞数 2

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/pyon_/article/details/125266373

版权

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:

最低0.47元/天解锁文章