使用echarts图表自定义在图表中添加内容

张帅涛_666

于 2020-09-26 17:04:29 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：使用echarts图表自定义在图表中添加内容文章标签： js vue.js

本文链接：https://blog.csdn.net/weixin_45549016/article/details/108814248

fm:使用echarts图表可能还需要增加一些另外的内容哎~(三声) 来吧来吧
这样这样再这样嗯~ 好简单

解释一下这个graphic数组里面就是可以自定义添加图表中的内容，
其他的应该只要你导入过echarts图表应该都可以的看懂的

         this.chart.setOption({
            graphic: [
              {
                type: 'group',
                left: '31%',
                top:'3px',
                bottom: 130,
                margin:"0 0 0 1px",

                children: [

                  {
                    type: 'text',

                    style: {
                      fill: '#333',
                      text: [
                        '总商户数:'+this.www
                      ].join('\n'),
                      font: '14px Microsoft YaHei',

                    }
                  }
                ]
              }
            ],

            title: {
              show: true,
              text: "商户活跃度占比分析",
              x: "20%",
              y:'-2',
              textStyle: {
                fontFamily: 'Arial,