echarts treemap方块占比图有的方块内的文字显示不出来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts treemap方块占比图有的方块内的文字显示不出来相关的知识,希望对你有一定的参考价值。

参考技术A 可能是因为:
1echartstreemap方块占比图表所在容器没给设定宽高。
2、echartstreemap方块占比图表容器文字的方式获取不对。
3、echartstreemap方块占比图控制台报错。

只能在方块内拖拽的案例

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <title></title>
<style>

  #aa{
    width:500px;
    height:500px;
    border:red 1px solid;
    margin:100px auto;
    position:relative;
    /*padding:2px;*/
    }
  #dd{
    width:100px;
    height:100px;
    background:green;
    /*margin:2px;*/
    position:absolute;
  }
  </style>
</head>
<body>
  <div id="aa">
    <div id="dd"></div>
  </div>
</body>
</html>
<script>
  var $=function(id){
  return document.getElementById(id)
  }
  var aa=$("aa");
  var dd=$("dd");
  dd.onmousedown=function(ev){
    var ev=ev||window.event;
    var left=aa.offsetLeft
    var top=aa.offsetTop
    var x=ev.clientX-left-dd.offsetLeft;
    var y=ev.clientY-top-dd.offsetTop;
    document.onmousemove=function(ev){
      var ev=ev||window.event;

      dd.style.left=ev.clientX-left-x+"px";
      dd.style.top=ev.clientY-top-y+"px"
    if(ev.clientX-left-x<=0){
      dd.style.left=0+"px";
    }
    if(ev.clientY-top-y<=0){
      dd.style.top=0+"px";
    }

    if(ev.clientX-left-x>=aa.offsetWidth-dd.offsetWidth){
      dd.style.left=aa.offsetWidth-dd.offsetWidth+"px";
    }
    if(ev.clientY-top-y>=aa.offsetHeight-dd.offsetHeight){
      dd.style.top=aa.offsetHeight-dd.offsetHeight+"px";
    }



  }
  return false;
  }
  document.onmouseup=function(){
  document.onmousemove=null;
  }
</script>






































































以上是关于echarts treemap方块占比图有的方块内的文字显示不出来的主要内容,如果未能解决你的问题,请参考以下文章

只能在方块内拖拽的案例

Mayan游戏

JavaScript-在当前显示区范围内实现点不到的小方块

玛雅游戏

[题解]Mayan游戏

kali2.0滚动更新后所有的字体都显示的空白方块 处理