莫里斯图中的y轴标签

时间:2018-06-11 17:32:09

标签: html css angular morris.js

我在角度应用程序中有一个morris图,它显示了页面加载的数据。我试图找到人口'人口'在y轴上使用html,css如下:

enter image description here

但是当页面最初加载时,这个跨度“人口”#39;向上移动到高于此的其他div,当图形被加载时,它进入它的位置。



    #demandGraph{
      margin-left: 4%;
      height:100%;
    }
     #demandGraph p {
      position:relative;
      float:left;
      width:50%;
      border-radius:5px;
      -moz-border-radius:5px;
      vertical-align: center;
      margin-left: -3%;
    }
     #demandGraph p span {
      font-size: 15px;
      color: '#606060';
      width:100%; /* same as height of .rotateObj */
      -webkit-transform-origin:84px 70px;
      display:inline-block;
      -webkit-transform:rotate(-90deg);
      text-align:center;
    }

      <div class="card-body" id="Graph">
        <div id ="graphElement"></div>
        <p><span>Population</span></p>
&#13;
&#13;
&#13;

我想要人口&#39;在图形div中,直到图形加载,不应向上移动到其他div。我怎样才能做到这一点?

0 个答案:

没有答案