This commit is contained in:
duanhao 2025-08-11 17:06:37 +08:00
parent 376bd0bb11
commit e940e4f809
2 changed files with 28 additions and 27 deletions

View File

@ -463,9 +463,9 @@ export const useGroupStructureStore = defineStore("groupStructure", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name === '内部密度指数演化' ? 20.0 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name === '内部密度指数演化' ? 20.5 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name === '内部密度指数演化' ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data, data: item.data,
@ -480,9 +480,9 @@ export const useGroupStructureStore = defineStore("groupStructure", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name === '内部密度指数演化' ? 20.0 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name === '内部密度指数演化' ? 20.5 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name === '内部密度指数演化' ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data, data: item.data,
@ -497,9 +497,9 @@ export const useGroupStructureStore = defineStore("groupStructure", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name === '内部密度指数演化' ? 20.0 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name === '内部密度指数演化' ? 20.5 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name === '内部密度指数演化' ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data, data: item.data,
@ -626,9 +626,9 @@ export const useGroupMemberStore = defineStore("groupMember", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name ==='合并演化' || item.name ==='扩展演化' ? 20.00 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name ==='合并演化' || item.name ==='扩展演化' ? 20.03 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name ==='合并演化' || item.name ==='扩展演化' ? 0.006 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data.map((item) => item.toFixed(2)), data: item.data.map((item) => item.toFixed(2)),
@ -644,9 +644,9 @@ export const useGroupMemberStore = defineStore("groupMember", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name ==='合并演化' || item.name ==='扩展演化' ? 20.00 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name ==='合并演化' || item.name ==='扩展演化' ? 20.03 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name ==='合并演化' || item.name ==='扩展演化' ? 0.006 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data.map((item) => item.toFixed(2)), data: item.data.map((item) => item.toFixed(2)),
@ -662,9 +662,9 @@ export const useGroupMemberStore = defineStore("groupMember", {
chart: { chart: {
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)), xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
yAxisRange: { yAxisRange: {
min: 0, min: item.name ==='合并演化' ? 20.00 : 0,
max: Math.ceil(item.chart.yaxisRange.max / 5) * 5, max: item.name ==='合并演化' ? 20.03 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
interval: Math.ceil(item.chart.yaxisRange.max / 5) interval: item.name ==='合并演化' ? 0.006 : Math.ceil(item.chart.yaxisRange.max / 5)
}, },
seriesList: item.chart.seriesList.map((item) => ({ seriesList: item.chart.seriesList.map((item) => ({
data: item.data.map((item) => item.toFixed(2)), data: item.data.map((item) => item.toFixed(2)),

View File

@ -29,9 +29,9 @@
<script setup> <script setup>
import { defineProps, onMounted, ref, watch } from "vue"; import { defineProps, onMounted, ref, watch } from "vue";
import GroupChart from "../../component/groupChart.vue"; import GroupChart from "../../component/groupChart.vue";
const curSelectedTab = ref("头部自媒体"); const curSelectedTab = ref("群体一");
const curSelectedTabData = ref(null); const curSelectedTabData = ref(null);
const tabs = ["头部自媒体", "官方媒体", "普通自媒体"]; const tabs = ["群体一", "群体二", "群体三"];
const props = defineProps({ const props = defineProps({
title: { title: {
type: String, type: String,
@ -50,9 +50,9 @@ watch(
// chartsData // chartsData
if (newVal && Object.keys(newVal).length > 0) { if (newVal && Object.keys(newVal).length > 0) {
const keyMapList = { const keyMapList = {
头部自媒体: "topSelfMedia", 群体一: "topSelfMedia",
官方媒体: "officalMedia", 群体二: "officalMedia",
普通自媒体: "ordinaryMedia" 群体三: "ordinaryMedia"
}; };
const currentKey = keyMapList[curSelectedTab.value]; const currentKey = keyMapList[curSelectedTab.value];
if (newVal[currentKey]) { if (newVal[currentKey]) {
@ -67,15 +67,16 @@ watch(
const handleSwitch = (item) => { const handleSwitch = (item) => {
curSelectedTab.value = item; curSelectedTab.value = item;
const keyMapList = { const keyMapList = {
头部自媒体: "topSelfMedia", 群体一: "topSelfMedia",
官方媒体: "officalMedia", 群体二: "officalMedia",
普通自媒体: "ordinaryMedia" 群体三: "ordinaryMedia"
}; };
curSelectedTabData.value = props.chartsData[keyMapList[item]]; curSelectedTabData.value = props.chartsData[keyMapList[item]];
}; };
onMounted(() => { onMounted(() => {
handleSwitch("头部自媒体"); handleSwitch("群体一");
}); });
</script> </script>