美文网首页
echarts中的饼图图例文字和tooltip显示不全

echarts中的饼图图例文字和tooltip显示不全

作者: 陶菇凉 | 来源:发表于2020-12-29 08:58 被阅读0次
    image.png
    option = {
            tooltip: {
              trigger: 'item',
              formatter: '{b} : {c} ({d}%)',
              confine: true,
              extraCssText:
                'white-space: normal; word-break: break-all;z-index:100000;'
            } /* 设置提示 */,
            legend: {
              type: 'scroll',
              orient: 'vertical',
              x: '70%',
              y: '15%',
              data: JSON.parse(JSON.stringify(this.legendData)),
              formatter: function(name) {
                if (!name) return '';
                if (name.length > 25) {
                  name = name.slice(0, 25) + '...';
                }
                return name
              }
            } /* 设置参数的位置,数据 */,
            series: [
              {
                name: '访问来源',
                type: 'pie',
                radius: '45%',
                center: ['40%', '50%'],
                animation: false,
                data: JSON.parse(JSON.stringify(this.seriesData)),
                itemStyle: {
                  emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                  }
                }
              }
            ]
          };
    
    image.png

    相关文章

      网友评论

          本文标题:echarts中的饼图图例文字和tooltip显示不全

          本文链接:https://www.haomeiwen.com/subject/dqsznktx.html