Skip to content

可
可视化 csdn 数据

雪碧有白泡泡 / 可视化 csdn 数据
与 Fork 源项目一致

Fork自 yma16 / 可视化 csdn 数据

通知 1
Star 0
Fork 0
可
可视化 csdn 数据
提交 46583d49 编写于 作者: 6 63f1bb74d2451104dc7d8b9f
浏览文件
操作

Sat Jul 22 18:17:00 CST 2023 inscode

上级 744f8710
隐藏空白更改
内联 并排
Showing with 16 addition and 9 deletion
index.html
浏览文件 @ 46583d49
...@@ -9,12 +9,12 @@ ...@@ -9,12 +9,12 @@
<meta name="referrer" content="no-referrer" /> <meta name="referrer" content="no-referrer" />
<title>csdn 用户快捷查分改文</title> <title>csdn 用户快捷查分改文</title>
</head> </head>
<style> <!-- <style>
body{ body{
background: #262626; background: #262626;
color:#fff; color:#fff;
} }
</style> </style> -->
<body> <body>
<div id="app"></div> <div id="app"></div>
......
src/components/GameChart.vue
浏览文件 @ 46583d49
...@@ -16,18 +16,22 @@ ...@@ -16,18 +16,22 @@
</div> </div>
</div> </div>
<div> <div>
参赛报名人数：{{ state.totlaNum }} <div>
参赛报名总人数：{{ state.totlaNum }}
</div>
<div>
参赛报名有效人数：{{ state.totalRealNum }}
</div>
</div> </div>
<div style="display:flex"> <div style="display:flex;justify-content: space-between;">
<div id="barChartId" style="flex:1;width:600px;height:900px;border: 1px solid #333;"> <div style="flex:1; min-width:600px;height:600px;border: 1px solid #333;">
<div style="width: 100%;min-width:600px;font-weight: 600;text-align: center;">{{ state.clickCity }}</div> <div style="width: 100%;min-width:600px;font-weight: 600;text-align: center;">{{ state.clickCity }}</div>
<div id="barChartId" style="min-width:600px;height:600px;margin: 0 auto;"> <div id="barChartId" style="min-width:600px;height:600px;margin: 0 auto;">
</div> </div>
</div> </div>
<div style="width: 700px;height:900px;border: 1px solid #333;"> <div style="width: 600px;height:600px;border: 1px solid #333;">
<a-table :scroll="{ x: 600, y: 750 }" :columns="state.columns" :data-source="state.dataSource" <a-table :scroll="{ x: 600, y: 450 }" :columns="state.columns" :data-source="state.dataSource"
:loading="state.loading" :pagination="state.pagination" bordered style="border-bottom:1px solid #f0f0f0;"> :loading="state.loading" :pagination="state.pagination" bordered style="border-bottom:1px solid #f0f0f0;">
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.key === 'imgSrc'"> <template v-if="column.key === 'imgSrc'">
...@@ -54,6 +58,7 @@ const state = reactive({ ...@@ -54,6 +58,7 @@ const state = reactive({
title: 'vue3 ts antd 参赛选手所在城市', title: 'vue3 ts antd 参赛选手所在城市',
clickCity: '全国', clickCity: '全国',
maxCityNum: 0, maxCityNum: 0,
totalRealNum:0,
totlaNum: '', totlaNum: '',
linesCoord: [], linesCoord: [],
focusCity: '广东省', focusCity: '广东省',
...@@ -212,9 +217,11 @@ function renderEchartBar() { ...@@ -212,9 +217,11 @@ function renderEchartBar() {
} }
const myChart = echarts.init(domInstance); const myChart = echarts.init(domInstance);
const option = { const option = {
backgroundColor: 'rgba(0,0,0,0)',//背景色
title: { title: {
text: '中国地图', text: '中国地图',
subtext: 'chinaJson' subtext: 'chinaJson',
color:'#fff'
}, },
visualMap: { // 设置视觉映射 visualMap: { // 设置视觉映射
min: 0, min: 0,
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或