全数据的分布与直方图

最新推荐文章于 2023-12-31 23:53:10 发布

chuan6752

最新推荐文章于 2023-12-31 23:53:10 发布

阅读量113

点赞数

分类专栏：开发笔记文章标签： css html5

本文链接：https://blog.csdn.net/chuan6752/article/details/114810123

版权

开发笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这里只放了 template 与 CSS 的代码段

左边放全数据资料趋势，右边放直方图。

<template>
  <header>
    <body>
  
  <div id="two">
    <a> {{msg}} </a>

    
  </div>
  

  <div class="pass">
		<div class="xinzeng1">5</div>
		
		<div class="xinzeng4">
      <div class="text">
      <div id="myChart2" :style="{width: '100%', height: '100%'}"></div>  
      </div>

      <div class="text2">
        <p>sdfsfdsdfsdfsdfsdfsdffd </p>
			</div>

		</div>
	</div>

  <div id="yu">
    <p>sdfsfdsdfsdfsdfsdfsdffd </p>
    <h1> dfsdfsdf5555 </h1>
    <a> {{msg}} </a>

  </div>


    </body>
  </header>
</template>

<style scoped>

body{
  /*background-image: url("./assets/12.jpg");*/
  background-repeat:no-repeat;
  width:1208px;
  height: 900px;
}

.pass{
margin: 0;
padding: 0;
width:99%;
height: 90%;
position: absolute;
}

.xinzeng1{
width:72%;
height: 55%;
float:left;
background:rgb(230, 245, 188);
}

.xinzeng4{
width:28%;
height: 55%;
float:left;
background:rgb(255, 255, 205);
}

.text{
  width:100%;
  height: 90%;
  border-radius:15px
}

.text2{

  width:100%;
  height: 10%;
  border-radius:15px
}

</style>

chuan6752

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
全数据的分布与直方图

这里只放了 template与CSS的代码段左边放全数据资料趋势，右边放直方图。<template> <header> <body> <div id="two"> <a> {{msg}} </a> </div> <div class="pass"> <div class="xinzeng1">5</div&...
复制链接

扫一扫