From 889ada155e457dbc703531f9628353d288ca3f92 Mon Sep 17 00:00:00 2001
From: 13693261870 <252740454@qq.com>
Date: 星期五, 26 四月 2024 10:08:29 +0800
Subject: [PATCH] 1
---
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html | 114 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 108 insertions(+), 6 deletions(-)
diff --git a/Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html b/Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html
index 41c4312..168b0f7 100644
--- a/Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html
+++ b/Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html
@@ -47,6 +47,7 @@
window.onload = function () {
init1();
init2();
+ init3();
}
function init1() {
@@ -56,6 +57,10 @@
show: false,
},
calculable: true,
+ color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
+ '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',
+ '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
+ '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'],
series: [
{
name: "c1",
@@ -111,7 +116,7 @@
var c2 = echarts.init(document.getElementById('c2'));
var option = {
title: {
- text: " 鎺ュ緟娓稿鏁帮紙浜烘锛�",
+ text: " 鎺ュ緟娓稿鏁帮紙浜烘锛�",
show: true,
textStyle: {
color: '#41C2E1',
@@ -180,6 +185,82 @@
};
c2.setOption(option);
}
+
+ function init3() {
+ var c3 = echarts.init(document.getElementById('c3'));
+ var option = {
+ grid: {
+ left: 0,
+ top: 0,
+ right: 0,
+ bottom: 0,
+ borderWidth: 0,
+ containLabel: false
+ },
+ title: {
+ show: false
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ calculable: true,
+ xAxis: [
+ {
+ type: 'value',
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ show: false,
+ textStyle: {
+ color: '#fff',
+ fontSize: 14
+ }
+ }
+ }
+ ],
+ yAxis: [
+ {
+ type: 'category',
+ barHeight: 54,
+ data: ['鏉ㄦ', '鐚曠尨妗�', '妗冨瓙', '姊ㄥ瓙', '绔圭瑡骞�'],
+ splitLine: {
+ show: false
+ },
+ smooth: true,
+ label: {
+ normal: {
+ show: true,
+ position: "right",
+ offset: [5, -2],
+ textStyle: {
+ color: "#fff",
+ fontSize: 12
+ }
+ }
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#fff',
+ fontSize: 14
+ }
+ },
+ scale: true,
+ inverse: true,
+ nameTextStyle: {
+ color: '#fff',
+ fontSize: 18
+ }
+ }
+ ],
+ series: [{
+ type: 'bar',
+ data: [198.5, 48.3, 29.5, 10.5, 4.9]
+ }]
+ };
+ c3.setOption(option);
+ }
</script>
</head>
<body>
@@ -195,15 +276,16 @@
<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">120</span> <span>涓囧厓</span>
</div>
<div style="color: white; width: 150px; float: left; box-sizing: border-box;">
+
</div>
<div style="color: white; width: 150px; float: left; box-sizing: border-box;">
- <span>鍏氱粍缁囨暟</span><br /><br />
- <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1.1</span> <span>涓�</span>
+ <span>浠庝笟鎬讳汉鏁�</span><br /><br />
+ <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">255</span> <span>浜�</span>
</div>
</div>
</div>
- <div style="height: 250px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
+ <div style="height: 200px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
<div id="c1" style="float: left; box-sizing: border-box; padding: 0 35px 0 20px; width: 100%; height: 100%;">
</div>
</div>
@@ -225,8 +307,28 @@
</div>
</div>
- <div style="height: 200px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box;">
- <div id="c2" style="width: 110%; height: 120%; margin: 0 0 0 -30px;">
+ <div style="height: 150px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box;">
+ <div id="c2" style="width: 110%; height: 120%; margin: 0 0 0 -40px;">
+ </div>
+ </div>
+
+ <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; margin-top: 0px; box-sizing: border-box;">
+ <div style=" float: left; box-sizing: border-box; padding: 20px 0 0 20px;">
+ <div style="color: white; width: 150px; float: left; box-sizing: border-box;">
+ <span>鍐滀骇鍝佹�婚攢閲�</span><br /><br />
+ <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1280</span> <span>鍚�</span>
+ </div>
+ <div style="color: white; width: 150px; float: left; box-sizing: border-box;">
+
+ </div>
+ <div style="color: white; width: 150px; float: left; box-sizing: border-box;">
+ <span>鍐滀骇鍝佹�婚攢鍞</span><br /><br />
+ <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">296.8</span> <span>涓囧厓</span>
+ </div>
+ </div>
+ </div>
+ <div style="height: 180px; width: 100%; float: left; padding-left: 10px; margin-top: -50px; box-sizing: border-box; border: 0px solid red;">
+ <div id="c3" style="width: 100%; height: 150%; margin: 0 0 0 0px;">
</div>
</div>
</div>
--
Gitblit v1.9.3