89 lines
2.3 KiB
HTML
89 lines
2.3 KiB
HTML
<!--
|
|
* @Author: chenxuan
|
|
* @Date: 2021-10-08 09:48:32
|
|
* @LastEditTime: 2022-03-12 10:01:51
|
|
* @LastEditors: chenxuan
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="res/style.css">
|
|
<title>WebTools-Web开发者素材</title>
|
|
<!-- 模板样例CSS，导入后可删除 -->
|
|
<style type="text/css">
|
|
.chart::after{
|
|
content: "图表";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -1rem;
|
|
margin-left: -1rem;
|
|
opacity: 0.8;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="fill-parent"
|
|
dg-chart-options="{title:{show:false},legend:{top:0},grid:{top:25}}"
|
|
dg-chart-auto-resize="true"
|
|
dg-chart-theme="{color:'#F0F0F0',backgroundColor:'transparent',actualBackgroundColor:'#000c3b'}">
|
|
<div class="head">
|
|
<div class="title">
|
|
<div class="title-left"></div>
|
|
<div class="title-value">标题</div>
|
|
<div class="title-right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="layout layout-left-top">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-left-center">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-left-bottom">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-center-top">
|
|
<div class="panel">
|
|
<div class="chart chart-left" dg-chart-widget=""></div>
|
|
<div class="chart chart-center" dg-chart-widget=""></div>
|
|
<div class="chart chart-right" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-center-bottom">
|
|
<div class="panel border-all">
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
<div class="border-foot"></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-right-top">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-right-center">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="layout layout-right-bottom">
|
|
<div class="panel">
|
|
<div class="title">标题</div>
|
|
<div class="chart" dg-chart-widget=""></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |