Initial commit

This commit is contained in:
Your Name
2021-09-07 23:12:03 +08:00
commit 0f5e5327d8
354 changed files with 35438 additions and 0 deletions

View File

@@ -0,0 +1,585 @@
<!DOCTYPE html>
<!-- saved from url=(0048)http://127.0.0.1:8000/chart/Correlation_Box.html -->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Correlation Box</title>
<link rel="stylesheet" href="/static/css/layui.css">
<link rel="stylesheet" href="/static/css/mycss.css">
<link id="layuicss-laydate" rel="stylesheet" href="/static/css/modules/laydate/default/laydate.css" media="all"><link id="layuicss-layer" rel="stylesheet" href="./Correlation Box_files/layer.css" media="all"><link id="layuicss-skincodecss" rel="stylesheet" href="./Correlation Box_files/code.css" media="all"></head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">Simple Drawing</div>
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layui-hide-xs layui-this" style="margin-left: 200px"><a href="http://127.0.0.1:8000/">Home</a>
</li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a href="http://127.0.0.1:8000/chart/tools.html">Tools</a></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a href="http://127.0.0.1:8000/chart/about.html">About
us</a></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><i class="layui-icon layui-icon-heart-fill"></i></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 20px"><i class="layui-icon layui-icon-heart-fill"></i></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 20px"><i class="layui-icon layui-icon-heart-fill"></i></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 20px"><i class="layui-icon layui-icon-heart-fill"></i></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 20px"><i class="layui-icon layui-icon-heart"></i></li>
<span class="layui-nav-bar"></span></ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item">
<button type="button" class="layui-btn" id="upload" style="background-color: #393d49;">
<i class="layui-icon"></i>up_file
</button>
<button type="button" class="layui-btn" id="up_file" style="background-color: #393d49;">
<i class="layui-icon layui-icon-refresh-3" style="font-size: 20px; color: rgba(255,255,255,.7)" onclick="run()"></i>
</button><input class="layui-upload-file" type="file" accept="" name="file">
</li>
<li class="layui-nav-item">
<a href="javascript:">Basic settings<i class="layui-icon layui-icon-down layui-nav-more"></i></a>
<dl class="layui-nav-child">
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>lable&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Name&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="text" id="x_name" lay-verify="required" value="X Name" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Y Name&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="text" id="y_name" lay-verify="required" value="Y Name" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Size&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="x_font_size" lay-verify="required" value="18" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Y Size&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="y_font_size" lay-verify="required" value="18" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Scale Size&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="x_scale_font_size" lay-verify="required" value="12" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">y scale size&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="y_scale_font_size" lay-verify="required" value="12" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Scale Angle&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="x_scale_font_angle" lay-verify="required" value="0" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Y Scale Angle&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="y_scale_font_angle" lay-verify="required" value="0" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>title&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Title&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="text" id="title" lay-verify="required" value="Title" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Subtitle&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="text" id="subtitle" lay-verify="required" value="subtitle" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Caption&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="text" id="caption" lay-verify="required" value="caption" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Title Size&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<input type="number" id="title_font_size" lay-verify="required" value="18" autocomplete="off" class="layui-input" min="0" max="999" style="height: 25px; width:80px;margin-top: 6px">
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>legend&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Legend&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="legend" lay-verify="required" value="F" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>models&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Model1&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="model1" lay-verify="required" value="TRUE" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:">Advanced setting<i class="layui-icon layui-icon-down layui-nav-more"></i></a>
<dl class="layui-nav-child">
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>color&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Y Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">X Scale Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">y Scale Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Title Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Background Color&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<!--取色板代码-->
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label style="" class="label_meg"><b>models&nbsp;&nbsp;</b></label>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Model2&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="model2" lay-verify="required" value="FALSE" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Model3&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="model3" lay-verify="required" value="FALSE" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Model4&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="model4" lay-verify="required" value="FALSE" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
<dd style="overflow: hidden">
<div class="color">
<label class="label_meg">Model5&nbsp;&nbsp;</label>
<div class="layui-input-inline" style="float: right">
<select id="model5" lay-verify="required" value="FALSE" autocomplete="off" class="layui-input" style="height: 25px; width:80px;margin-top: 6px">
<option value="TRUE">YES</option>
<option value="FALSE">NO</option>
</select>
</div>
</div>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:">downlode<i class="layui-icon layui-icon-down layui-nav-more"></i></a>
<dl class="layui-nav-child">
<dd>
<div class="layui-form-item color" style="margin-left: 0">
<label class="layui-form-label" style="float: left; margin-left: 0">Download
format</label>
<div class="layui-input-block">
<select class="layui-bg-black" id="file_downlode_type" lay-filter="aihao">
<option value="svg">SVG</option>
<option value="png">PNG</option>
<option value="pdf">PDF</option>
</select>
</div>
</div>
</dd>
<dd style="text-align: center">
<button type="button" class="layui-btn layui-btn-radius">
<i class="layui-icon layui-icon-download-circle" style="width: 100px;font-size: 28px;left: 5px" onclick="down_file()"></i>
</button>
</dd>
</dl>
</li>
<li class="layui-nav-item NO "><a href="http://127.0.0.1:8000/chart/down?name=Correlation_Box.csv">downlode eg file</a></li>
<span class="layui-nav-bar"></span></ul>
</div>
</div>
<div class="layui-body" style="background-color: rgb(242, 242, 242);">
<div class="declare_box" id="img_box">
<img style="margin: 0 auto; height: 90%" src="./Correlation Box_files/Correlation_Box.png" alt="show_img">
</div>
</div>
<div class="layui-footer">
<!-- 底部固定区域 -->
底部固定区域
</div>
</div>
<remove-web-limits-iqxin id="rwl-iqxin" class="rwl-exempt" style="position: fixed; top: 96px; left: 0px;"><qxinbutton type="qxinbutton" id="rwl-setbtn"> set </qxinbutton> <lalala style="cursor:move; font-size:12px;">限制解除</lalala> <input type="checkbox" name="" id="black_node"><style type="text/css">#rwl-iqxin{position:fixed;transform:translate(-95px,0);width:85px;height:25px;font-size:12px;font-weight: 500;font-family:Verdana, Arial, '宋体';color:#fff;background:#333;z-index:2147483647;margin: 0;opacity:0.05;transition:0.3s;overflow:hidden;user-select:none;text-align:center;white-space:nowrap;line-height:25px;padding:0 16px;border:1px solid #ccc;border-width:1px 1px 1px 0;border-bottom-right-radius:5px;box-sizing: content-box;}#rwl-iqxin input{margin: 0;padding: 0;vertical-align:middle;-webkit-appearance:checkbox;-moz-appearance:checkbox;position: static;clip: auto;opacity: 1;cursor: pointer;}#rwl-iqxin.rwl-active-iqxin{left: 0px;transform:translate(0,0);opacity: 0.9;height: 32px;line-height: 32px}#rwl-iqxin label{margin:0;padding:0;font-weight:500;}#rwl-iqxin #rwl-setbtn{margin: 0 4px 0 0;padding: 0 0 0 4px;border: none;border-radius: 2px;cursor: pointer;background: #fff;color: #000;} </style></remove-web-limits-iqxin><script src="./Correlation Box_files/layui.js.下载"></script>
<!-- 侧边栏 -->
<script>
layui.use(['element', 'layer', 'util'], function () {
var element = layui.element
, layer = layui.layer
, util = layui.util
, $ = layui.$;
util.event('lay-header-event', {
menuLeft: function (othis) {
layer.msg('展开左侧菜单的操作', {icon: 0});
}
, menuRight: function () {
layer.open({
type: 1
, content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
, area: ['260px', '100%']
, offset: 'rt'
, anim: 5
, shadeClose: true
});
}
});
});
</script>
<script>
var f = 1; // 判断是否有文件加载
var flag = '0'; // 返回工作id
var $ = layui.jquery; // 加载jqury模块
var k = 0; // 作业次数编号
var url_ip = 'http://127.0.0.1:8000'; // 服务器的ip
// 加载框
function lodeing() {
layer.load(1);
setTimeout(function () {
});
}
// 处理文件 文件上传 返回分类列表
layui.use('upload', function () {
var upload = layui.upload;
var uploadInst = upload.render({
elem: '#up_file' //绑定元素
, url: url_ip + '/chart/up_file/' // 上传的路径
, accept: 'file' // 类型 可以控制上传文件的类型
// 支持附带上传参数
, data: {
csrfmiddlewaretoken: 'wVWy0w07uu8dcQfbwbHKkIgz4QvWcqqJBtwxNzSxFkESKUNOw7ndX3ui3HZA6UN0' // 用于处理跨域访问
},
before: function (obj) {
lodeing() //上传 loading
}
, done: function (res) {
f = 1;
layer.closeAll('loading'); // 关闭加载
flag = res.flag; //确认编号
}
, error: function () {
layer.closeAll('loading');
}
});
});
// 下载文件
function down_file() {
if (f === 1) {
window.location.href = url_ip + "/chart/down?file_id=" + flag + "&file_downlode_type=" + document.getElementById("file_downlode_type").value;
} else {
alert("There is no input file yet");
}
}
// 上传数据 绘图与返回图片处理
function run() {
if (f === 1) {
lodeing();
$.ajax({
url: url_ip + "/chart/Correlation_Box_run",
cache: false,
data: {
file_id: flag,
k: k,
x_name: (document.getElementById("x_name").value),
y_name: (document.getElementById("y_name").value),
x_font_size: (document.getElementById("x_font_size").value),
y_font_size: (document.getElementById("y_font_size").value),
x_scale_font_size: (document.getElementById("x_scale_font_size").value),
y_scale_font_size: (document.getElementById("y_scale_font_size").value),
x_scale_font_angle: (document.getElementById("x_scale_font_angle").value),
y_scale_font_angle: (document.getElementById("y_scale_font_angle").value),
title: (document.getElementById("title").value),
subtitle: (document.getElementById("subtitle").value),
caption: (document.getElementById("caption").value),
title_font_size: (document.getElementById("title_font_size").value),
legend: (document.getElementById("legend").value),
model1: (document.getElementById("model1").value),
x_font_color: (document.getElementById("x_font_color").value),
y_font_color: (document.getElementById("y_font_color").value),
x_scale_font_color: (document.getElementById("x_scale_font_color").value),
y_scale_font_color: (document.getElementById("y_scale_font_color").value),
title_font_color: (document.getElementById("title_font_color").value),
background_color: (document.getElementById("background_color").value),
model2: (document.getElementById("model2").value),
model3: (document.getElementById("model3").value),
model4: (document.getElementById("model4").value),
model5: (document.getElementById("model5").value),
},
success: function (res) {
k = k + 1;
$("#img_box").empty()
var L = '<img src="' + res.img + '" alt="aa" style="height: 90%">';
$("#img_box").prepend(L);
layer.closeAll('loading');
},
error: function () {
layer.closeAll('loading');
alert("fAIL")
}
})
} else {
alert("There is no input file yet")
}
}
</script>
</body></html>