数字政府改动(未完成)

2024-11-13 18:45:25 +08:00
parent 0676cf65ef
commit 6c75a7db79
5 changed files with 315 additions and 0 deletions
--- a/20220330_Vote/Ewide.Web.Entry/Ewide.Web.Entry.csproj
+++ b/20220330_Vote/Ewide.Web.Entry/Ewide.Web.Entry.csproj
@@ -608,6 +608,7 @@
  </ItemGroup>

  <ItemGroup>
+    <Folder Include="wwwroot\html\NumberGovChart\" />
    <Folder Include="wwwroot\Upload\Default\" />
    <Folder Include="Contents\" />
  </ItemGroup>
--- a/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304
+++ b/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304
@@ -0,0 +1,16 @@
+series,x,y
+未完成,海曙区,1500
+未完成,江北区,0
+未完成,鄞州区,3000
+未完成,北仑区,500
+未完成,镇海区,100
+未完成,奉化区,1
+未完成,宁海县,990
+已完成,海曙区,6500
+已完成,江北区,3500
+已完成,鄞州区,6300
+已完成,北仑区,1100
+已完成,镇海区,1500
+已完成,奉化区,999
+已完成,宁海县,10
+,,
--- a/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.chartshaper
+++ b/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.chartshaper
@@ -0,0 +1,168 @@
+{
+  "id": "u-886e-1e6",
+  "data": [
+    {
+      "series": "未完成",
+      "x": "海曙区",
+      "y": "1500"
+    },
+    {
+      "series": "未完成",
+      "x": "江北区",
+      "y": "0"
+    },
+    {
+      "series": "未完成",
+      "x": "鄞州区",
+      "y": "3000"
+    },
+    {
+      "series": "未完成",
+      "x": "北仑区",
+      "y": "500"
+    },
+    {
+      "series": "未完成",
+      "x": "镇海区",
+      "y": "100"
+    },
+    {
+      "series": "未完成",
+      "x": "奉化区",
+      "y": "1"
+    },
+    {
+      "series": "未完成",
+      "x": "宁海县",
+      "y": "990"
+    },
+    {
+      "series": "已完成",
+      "x": "海曙区",
+      "y": "6500"
+    },
+    {
+      "series": "已完成",
+      "x": "江北区",
+      "y": "3500"
+    },
+    {
+      "series": "已完成",
+      "x": "鄞州区",
+      "y": "6300"
+    },
+    {
+      "series": "已完成",
+      "x": "北仑区",
+      "y": "1100"
+    },
+    {
+      "series": "已完成",
+      "x": "镇海区",
+      "y": "1500"
+    },
+    {
+      "series": "已完成",
+      "x": "奉化区",
+      "y": "999"
+    },
+    {
+      "series": "已完成",
+      "x": "宁海县",
+      "y": "10"
+    },
+    {
+      "series": ""
+    }
+  ],
+  "configs": {
+    "renderer": "canvas",
+    "title": {
+      "visible": true,
+      "text": "百分比堆叠条形图"
+    },
+    "description": {
+      "visible": true,
+      "text": "一个简单的百分比堆叠条形图"
+    },
+    "padding": "auto",
+    "legend": {
+      "visible": true,
+      "position": "top-left",
+      "flipPage": false
+    },
+    "tooltip": {
+      "visible": true,
+      "shared": true,
+      "crosshairs": {
+        "type": "rect"
+      }
+    },
+    "xAxis": {
+      "visible": true,
+      "autoHideLabel": false,
+      "autoRotateLabel": false,
+      "autoRotateTitle": false,
+      "grid": {
+        "visible": false
+      },
+      "line": {
+        "visible": false
+      },
+      "tickLine": {
+        "visible": false
+      },
+      "label": {
+        "visible": false
+      },
+      "title": {
+        "visible": true,
+        "offset": 12
+      }
+    },
+    "yAxis": {
+      "visible": true,
+      "autoHideLabel": false,
+      "autoRotateLabel": false,
+      "autoRotateTitle": true,
+      "grid": {
+        "visible": false
+      },
+      "line": {
+        "visible": false
+      },
+      "tickLine": {
+        "visible": false
+      },
+      "label": {
+        "visible": true
+      },
+      "title": {
+        "visible": false,
+        "offset": 12
+      }
+    },
+    "label": {
+      "visible": true,
+      "position": "middle",
+      "adjustColor": true
+    },
+    "conversionTag": {
+      "visible": false
+    },
+    "type": "PercentageStackBar",
+    "forceFit": false,
+    "animation": false,
+    "width": 560,
+    "height": 376,
+    "data": {},
+    "yField": "x",
+    "stackField": "series",
+    "xField": "y",
+    "id": "percent_stacked_bar_chart"
+  },
+  "selection": [
+    0,
+    0
+  ]
+}
--- a/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.html
+++ b/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>ChartCube</title>
+  <script src="https://gw.alipayobjects.com/os/lib/antv/g2plot/0.11.3/dist/g2plot.js"></script>
+</head>
+<body>
+<div id="app"></div>
+<script>
+  const container = document.getElementById('app');
+  const data = [
+    {
+      "series": "未完成",
+      "x": "海曙区",
+      "y": "6500"
+    },
+    {
+      "series": "未完成",
+      "x": "江北区",
+      "y": "3500"
+    },
+    {
+      "series": "未完成",
+      "x": "鄞州区",
+      "y": "6300"
+    },
+    {
+      "series": "未完成",
+      "x": "北仑区",
+      "y": "1100"
+    },
+    {
+      "series": "未完成",
+      "x": "镇海区",
+      "y": "1500"
+    },
+    {
+      "series": "未完成",
+      "x": "奉化区",
+      "y": "999"
+    },
+    {
+      "series": "未完成",
+      "x": "宁海县",
+      "y": "10"
+    },
+    {
+      "series": "已完成",
+      "x": "海曙区",
+      "y": "1500"
+    },
+    {
+      "series": "已完成",
+      "x": "江北区",
+      "y": "0"
+    },
+    {
+      "series": "已完成",
+      "x": "鄞州区",
+      "y": "3000"
+    },
+    {
+      "series": "已完成",
+      "x": "北仑区",
+      "y": "500"
+    },
+    {
+      "series": "已完成",
+      "x": "镇海区",
+      "y": "100"
+    },
+    {
+      "series": "已完成",
+      "x": "奉化区",
+      "y": "1"
+    },
+    {
+      "series": "已完成",
+      "x": "宁海县",
+      "y": "990"
+    },
+  ];
+  const config = {
+    "title": {
+      "visible": true,
+      "text": "住房保障"
+    },
+    "description": {
+      "visible": true,
+      "text": "发放公租房货币补贴"
+    },
+    "legend": {
+      "flipPage": false
+    },
+    "xAxis": {
+      "title": {
+        "text": "完成率"
+      }
+    },
+    "yAxis": {
+      "title": {
+        "text": "dwddw"
+      }
+    },
+    "label": {
+      "position": "middle"
+    },
+    "forceFit": false,
+    "width": 560,
+    "height": 376,
+    "yField": "x",
+    "stackField": "series",
+    "xField": "y",
+    "id": "percent_stacked_bar_chart",
+    "color": [
+      "#05b46e",
+      "#949996",
+    ]
+  }
+  const plot = new g2plot.PercentageStackBar(container, {
+    data,
+    ...config,
+  });
+  plot.render();
+</script>
+</body>
+</html>
--- a/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.png
+++ b/20220330_Vote/Ewide.Web.Entry/wwwroot/html/NumberGovChart/PercentageStackBar-20240304.png