From 29a02350b873fa6339a7535fa929697fec9a8f84 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期三, 03 四月 2024 18:44:07 +0800
Subject: [PATCH] 三
---
pages/AcademicHistory/AcademicHistory.vue | 498 ++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 350 insertions(+), 148 deletions(-)
diff --git a/pages/AcademicHistory/AcademicHistory.vue b/pages/AcademicHistory/AcademicHistory.vue
index 1263fb4..27865e4 100644
--- a/pages/AcademicHistory/AcademicHistory.vue
+++ b/pages/AcademicHistory/AcademicHistory.vue
@@ -1,50 +1,39 @@
<template>
<view>
- <view class="NavTop flex">
- <view class=""><img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" /></view>
- <view class="">鍘嗕唬瀛︽湳娴佹淳</view>
- <view class="NavTopr">
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- </view>
- </view>
+ <!-- 椤堕儴瀵艰埅 -->
+ <headNav :idIndex="idIndex" text="鍘嗕唬瀛︽湳娴佹淳"/>
<view class="Midde flex">
- <view class="MiddeBack">杩斿洖</view>
+ <!-- <view class="MiddeBack">杩斿洖</view> -->
+ <el-button class="MiddeBack flex flex-center" @click="goBack">杩斿洖</el-button>
<view class="flex flex-center flex-column">
- <view class="" style="font-weight: 900;margin-bottom:20rpx ;">娌抽棿鍥捐氨</view>
+ <view class="" style="font-weight: 900;margin-bottom:.2rem ;font-size: .26rem;line-height: 1;">娌抽棿鍥捐氨
+ </view>
<ul class="flex Lists">
- <li class="flex">
- <view class=""
- style="margin-right: 10rpx; width: 20rpx;height: 20rpx;border-radius: 50%;background-color: #5e7ea5;">
- </view>
- <view class="">骞呭害钀ㄨ姮</view>
+ <li @click="ListClick" style="background-color: #fff;color: #597AA5;">
+ 鎾掑湴鏂�
</li>
- <li class="flex">
- <view class=""
- style="margin-right: 10rpx; width: 20rpx;height: 20rpx;border-radius: 50%;background-color: #5e7ea5;">
- </view>
- <view class="">骞呭害钀ㄨ姮</view>
+ <!-- /pages/AcademicHistory/AcademicHistory -->
+ <li style="background-color: #597AA5;color: #fff;">
+ 鎾掑湴鏂�
</li>
- <li class="flex">
- <view class=""
- style="margin-right: 10rpx; width: 20rpx;height: 20rpx;border-radius: 50%;background-color: #5e7ea5;">
- </view>
- <view class="">骞呭害钀ㄨ姮</view>
- </li>
- <li class="flex">
- <view class=""
- style="margin-right: 10rpx; width: 20rpx;height: 20rpx;border-radius: 50%;background-color: #5e7ea5;">
- </view>
- <view class="">骞呭害钀ㄨ姮</view>
- </li>
-
</ul>
</view>
<view class=""></view>
</view>
+ <view class="flex flex-center" style="width: 100%; margin: .2rem 0;">
+ <ul class="flex">
+ <li style="" class="school1" v-for="(item,index) in dynasty" :key="item.id">
+ <view class="flex flex-center font-family school"
+ style="font-weight: 500; border-radius: .3rem; padding: .06rem .15rem; color: #2C2C2C; font-size: .12rem; margin-top: .03rem;margin-right: .1rem;background-color: #fff;">
+ <view class="" :style="{background:item.color}"
+ style="margin-right: .07rem; width: .12rem;height: .12rem;border-radius: 50%;"></view>
+ <view class="" style="color: #2C2C2C;font-size: .12rem;">{{item.name}}</view>
+ </view>
+ </li>
+ </ul>
+ </view>
<view class="Bottom">
- <view id="main" style="width: 100vw; height: 500px;"></view>
+ <view id="main" style="width: 100vw; height: 5rem;"></view>
</view>
</view>
</template>
@@ -54,127 +43,324 @@
export default {
data() {
return {
-
+ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
+ idIndex:0,
+ dynasty: [{
+ name: '浠ｈ〃浜虹墿',
+ color: '#597AA5',
+ id: 1
+ }, {
+ name: '閲嶈鍖诲',
+ color: '#DA7A2B',
+ id: 2
+ }, {
+ name: '鍏崇郴鏂囩尞',
+ color: '#9E9E9E',
+ id: 3
+ }]
}
},
+ onLoad(options) {
+ this.idIndex = options.id
+ console.log('optionsoptionsoptions',options.id);
+ },
methods: {
+ goBack() {
+ // uuni.redirectTo();
+ uni.redirectTo({
+ url: '/pages/index/index'
+ })
+ },
+ ListClick() {
+ uni.navigateTo({
+ url: '/pages/interchannel/interchannel?id='+this.idIndex
+ })
+ },
innt() {
this.$nextTick(() => {
- var chartDom = document.getElementById('main'); // 鑾峰彇HTML涓殑鍏冪礌锛屾澶勫亣璁炬湁涓�涓猧d涓�'main'鐨勫厓绱犱綔涓哄浘琛ㄥ鍣�
- var myChart = echarts.init(chartDom); // 鍒濆鍖杄charts瀹炰緥锛屽苟灏嗗叾涓庡浘琛ㄥ鍣ㄧ粦瀹�
- var option; // 瀹氫箟鍙橀噺option鏉ュ瓨鍌ㄥ浘琛ㄧ殑閰嶇疆椤�
+ // var chartDom = document.getElementById('main'); // 鑾峰彇HTML涓殑鍏冪礌锛屾澶勫亣璁炬湁涓�涓猧d涓�'main'鐨勫厓绱犱綔涓哄浘琛ㄥ鍣�
+ // var myChart = echarts.init(chartDom); // 鍒濆鍖杄charts瀹炰緥锛屽苟灏嗗叾涓庡浘琛ㄥ鍣ㄧ粦瀹�
+ // var option; // 瀹氫箟鍙橀噺option鏉ュ瓨鍌ㄥ浘琛ㄧ殑閰嶇疆椤�
+ // option = {
+ // // title: {
+ // // text: 'Basic Graph' // 鍥捐〃鏍囬涓�'Basic Graph'
+ // // },
+ // tooltip: {}, // 榧犳爣鎮仠鏃舵樉绀虹殑鎻愮ず妗�
+ // animationDurationUpdate: 1500, // 鏁版嵁鏇存柊鏃剁殑鍔ㄧ敾鏃堕暱
+ // animationEasingUpdate: 'quinticInOut', // 鏁版嵁鏇存柊鏃剁殑鍔ㄧ敾鏁堟灉
+ // series: [{
+ // type: 'graph', // 鍥捐〃绫诲瀷涓�'graph'
+ // layout: 'none', // 鍥捐〃甯冨眬鏂瑰紡涓�'none'锛屽嵆鑺傜偣浣嶇疆鐢眡鍜寉鍧愭爣鎸囧畾
+ // symbolSize: 150, // 鑺傜偣鐨勫ぇ灏�
+ // roam: false, // 鏄惁寮�鍚极娓革紝鍗冲彲浠ユ嫋鍔ㄥ拰缂╂斁鍥捐〃
+ // label: {
+ // show: true, // 鏄惁鏄剧ず鑺傜偣涓婄殑鏍囩
+ // textStyle: {
+ // fontSize: 32, // 璁剧疆瀛椾綋澶у皬涓�12
+ // }
+ // },
+ // edgeSymbol: ['circle', 'arrow'], // 杈圭殑璧峰鍜岀粨鏉熺澶存牱寮�
+ // edgeSymbolSize: [10, 10], // 杈圭殑璧峰鍜岀粨鏉熺澶村ぇ灏�
+ // edgeLabel: {
+ // fontSize: 40, // 杈圭殑鏍囩瀛椾綋澶у皬
+
+ // },
+ // data: [{
+ // name: '閲戝厓鍥涘ぇ瀹�', // 鑺傜偣1鐨勫悕绉�
+ // x: 1230, // 鑺傜偣1鐨剎鍧愭爣
+ // y: 250, // 鑺傜偣1鐨剏鍧愭爣
+ // itemStyle: {
+ // color: 'red', // 鑺傜偣1鐨勮儗鏅鑹�
+ // },
+ // label: {
+ // color: 'black' // 鑺傜偣1鐨勫瓧浣撻鑹�
+ // }
+ // },
+ // {
+ // name: '鍒樺畬绱�', // 鑺傜偣2鐨勫悕绉�
+ // x: 800, // 鑺傜偣2鐨剎鍧愭爣
+ // y: 300 // 鑺傜偣2鐨剏鍧愭爣
+ // },
+ // {
+ // name: '鍌峰瘨鐩存牸', // 鑺傜偣3鐨勫悕绉�
+ // x: 550, // 鑺傜偣3鐨剎鍧愭爣
+ // y: 360 // 鑺傜偣3鐨剏鍧愭爣
+ // },
+ // {
+ // name: '寮犱徊鏅�', // 鑺傜偣4鐨勫悕绉�
+ // x: 700, // 鑺傜偣4鐨剎鍧愭爣
+ // y: 200 // 鑺傜偣4鐨剏鍧愭爣
+ // },
+ // {
+ // name: '涓夋秷璜�', // 鑺傜偣4鐨勫悕绉�
+ // x: 750, // 鑺傜偣4鐨剎鍧愭爣
+ // y: 500 // 鑺傜偣4鐨剏鍧愭爣
+ // },
+ // ],
+ // links: [ // 杈圭殑杩炴帴鍏崇郴
+ // {
+ // source: '閲戝厓鍥涘ぇ瀹�', // 杈圭殑璧峰鑺傜偣绱㈠紩涓�0锛屽嵆鑺傜偣1
+ // target: '鍒樺畬绱�', // 杈圭殑缁撴潫鑺傜偣绱㈠紩涓�1锛屽嵆鑺傜偣2
+ // symbolSize: [5, 20], // 杈圭殑璧峰鍜岀粨鏉熺澶村ぇ灏�
+ // label: {
+ // show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
+ // formatter: '鍖呭惈',
+ // },
+ // lineStyle: {
+ // width: 5, // 杈圭殑瀹藉害
+ // curveness: 0.2 // 杈圭殑鏇插害
+
+ // }
+ // },
+ // {
+ // source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 2'
+ // target: '鍌峰瘨鐩存牸', // 杈圭殑缁撴潫鑺傜偣涓�'Node 1'
+ // label: {
+ // show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
+ // formatter: '鍑虹増鐗�'
+ // },
+ // lineStyle: {
+ // curveness: 0.2, // 杈圭殑鏇插害
+
+ // }
+ // },
+ // {
+ // source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 1'
+ // target: '寮犱徊鏅�', // 杈圭殑缁撴潫鑺傜偣涓�'Node 3'
+ // label: {
+ // show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
+ // formatter: '璇勮'
+ // },
+ // lineStyle: {
+ // curveness: 0.2 // 杈圭殑鏇插害
+ // }
+ // },
+ // {
+ // source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 2'
+ // target: '涓夋秷璜�', // 杈圭殑缁撴潫鑺傜偣涓�'Node 3'
+ // label: {
+ // show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
+ // formatter: '鍑虹増鐗�'
+ // },
+ // lineStyle: {
+ // curveness: 0.2 // 杈圭殑鏇插害
+ // }
+ // }
+ // ],
+ // lineStyle: {
+ // opacity: 0.9, // 杈圭殑閫忔槑搴�
+ // width: 2, // 杈圭殑瀹藉害
+ // curveness: 0 // 杈圭殑鏇插害
+ // },
+ // textStyle: {
+ // fontSize: 14 // 璁剧疆鍏ㄥ眬鏂囧瓧鐨勫瓧浣撳ぇ灏�
+ // },
+ // }]
+ // };
+
+ // option && myChart.setOption(option); // 灏嗛厤缃」搴旂敤浜庡浘琛ㄥ疄渚�
+ // console.log(myChart);
+
+ var chartDom = document.getElementById('main');
+ var myChart = echarts.init(chartDom);
+ // 鍋囪鎮ㄦ湁鑺傜偣鍚嶇О鍜屽畠浠箣闂寸殑鍏崇郴鏁版嵁
+ var nodes = ['鍒樺畬绱�', '寮犱徊鏅�', '閲戝厓鍥涘ぇ瀹�', '涓夋秷璁�', '浼ゅ瘨鐩存牸'];
+ var relationships = [{
+ source: '閲戝厓鍥涘ぇ瀹�',
+ target: '鍒樺畬绱�',
+ relation: '濮讳翰'
+ }, {
+ source: '鍒樺畬绱�',
+ target: '寮犱徊鏅�',
+ relation: ''
+ },
+ {
+ source: '鍒樺畬绱�',
+ target: '浼ゅ瘨鐩存牸',
+ relation: ''
+ },
+ {
+ source: '鍒樺畬绱�',
+ target: '涓夋秷璁�',
+ relation: ''
+ },
+ // 鍏朵粬鍏崇郴...
+ ];
+
+ let FontSize = 12; // 瀛椾綋澶у皬
+ let BorderWidth = 2; // 杈规澶у皬
+ let SymbolSize = 80; // 灏哄璺濈
+ let Distance = 10
+ // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
+ if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
+ FontSize = 28
+ BorderWidth = 5
+ SymbolSize = 100
+ Distance = 33
+ } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
+ FontSize = 28
+ BorderWidth = 4
+ SymbolSize = 90
+ Distance = 22
+ } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
+ FontSize = 18
+ BorderWidth = 4
+ SymbolSize = 70
+ Distance = 22
+ }
+ // 鏍规嵁鍏崇郴鏁版嵁鐢熸垚杩炴帴绾�
+ var links = [];
+ relationships.forEach(function(relationship) {
+ // console.log(relationship,'relationship');
+ var sourceIndex = nodes.indexOf(relationship.source);
+ var targetIndex = nodes.indexOf(relationship.target);
+ var linkObject = {
+ source: sourceIndex,
+ target: targetIndex
+ };
+ if (relationship.relation !== '') {
+ linkObject.label = {
+ show: true,
+ formatter: function(params) {
+ return relationship.relation;
+ },
+ color: '#2C2C2C',
+ fontSize: FontSize - 2,
+ backgroundColor: 'rgba(255, 255, 255, 1)',
+ padding: [11, 20],
+ borderRadius:300,
+ position: 'middle',
+ z: 10,
+ distance: -(Distance + 1),
+ }
+ }
+ links.push(linkObject);
+ // if (sourceIndex !== -1 && targetIndex !== -1) {
+ // links.push({
+ // source: sourceIndex,
+ // target: targetIndex,
+ // label: {
+ // show: true,
+ // formatter: function(params) { // 浣跨敤鍑芥暟鍔ㄦ�佺敓鎴愭爣绛惧唴瀹�
+ // // console.log(params.data, 'aaaaaaaaaaaa');
+ // return relationships.find(rel => rel.source === nodes[
+ // params.data
+ // .source] && rel.target === nodes[params
+ // .data.target])
+ // .relation;
+ // }, // 璁剧疆鍏崇郴鏍囩鍐呭涓�"Child-Parent"
+ // color: '#2C2C2C',
+ // fontSize: FontSize - 2,
+ // backgroundColor: 'rgba(255, 255, 255, 1)',
+ // padding: [11, 20],
+ // position: 'middle', // 璁剧疆鏍囩鏂囨湰鍦ㄧ嚎鐨勪腑闂翠綅缃笂灞呬腑鏄剧ず
+ // // bottom: -(FontSize+10),
+ // z: 10, // 璁剧疆鏍囩鐨剒杞撮珮搴︼紝浣垮叾姣旇繛鎺ョ嚎鏇撮珮
+ // // offset: [0, 15] ,// 寰�涓嬬Щ鍔� 10 鍍忕礌
+ // distance: -(Distance + 1), // 灏嗘爣绛炬斁缃湪杩炴帴绾夸笂
+ // }
+ // });
+ // }
+ });
+ // 鏍规嵁nodes鍔ㄦ�佺敓鎴愯妭鐐规暟鎹�
+ var nodeData = nodes.map(function(node, index) {
+ return {
+ name: node,
+ x: Math.random() * 1000, // 璁剧疆闅忔満x鍧愭爣浣嶇疆
+ y: Math.random() * 600, // 璁剧疆闅忔満y鍧愭爣浣嶇疆
+ itemStyle: {
+ color: getColorByIndex(index), // 鍙互鏍规嵁绱㈠紩璁剧疆涓嶅悓鐨勯鑹�
+ borderWidth: BorderWidth + 3,
+ borderColor: getColorByIndex(index + 1),
+ borderRadius: 30,
+ },
+ symbolSize: SymbolSize + 50
+ };
+ });
+ // 璁剧疆棰滆壊
+ function getColorByIndex(index) {
+ var colors = ['#ecf4ff', '#dd9795', '#f1edbe', '#ecf4ff', '#c5dbd8']; // 鍙互鏍规嵁瀹為檯鎯呭喌璁剧疆棰滆壊鏁扮粍
+ return colors[index % colors.length];
+ }
+ var option;
option = {
- // title: {
- // text: 'Basic Graph' // 鍥捐〃鏍囬涓�'Basic Graph'
- // },
- tooltip: {}, // 榧犳爣鎮仠鏃舵樉绀虹殑鎻愮ず妗�
- animationDurationUpdate: 1500, // 鏁版嵁鏇存柊鏃剁殑鍔ㄧ敾鏃堕暱
- animationEasingUpdate: 'quinticInOut', // 鏁版嵁鏇存柊鏃剁殑鍔ㄧ敾鏁堟灉
+ backgroundColor: {
+ type: 'image',
+ image: '/static/image/characterRelationBg.png',
+ repeat: 'repeat-x', // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
+ size: '100% 100%', // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
+ position: 'center center' // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+ },
+ tooltip: {},
+ animationDurationUpdate: 1500,
+ animationEasingUpdate: 'quinticInOut',
series: [{
- type: 'graph', // 鍥捐〃绫诲瀷涓�'graph'
- layout: 'none', // 鍥捐〃甯冨眬鏂瑰紡涓�'none'锛屽嵆鑺傜偣浣嶇疆鐢眡鍜寉鍧愭爣鎸囧畾
- symbolSize: 50, // 鑺傜偣鐨勫ぇ灏�
- roam: false, // 鏄惁寮�鍚极娓革紝鍗冲彲浠ユ嫋鍔ㄥ拰缂╂斁鍥捐〃
+ type: 'graph',
+ layout: 'none',
+ symbolSize: SymbolSize, // 璋冩暣鑺傜偣澶у皬
label: {
- show: true // 鏄惁鏄剧ず鑺傜偣涓婄殑鏍囩
+ show: true,
+ color: 'black', // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
+ fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
},
+ // edgeSymbol: ['circle'],
+ // edgeSymbolSize: [4, 10],
edgeSymbol: ['circle', 'arrow'], // 杈圭殑璧峰鍜岀粨鏉熺澶存牱寮�
- edgeSymbolSize: [4, 10], // 杈圭殑璧峰鍜岀粨鏉熺澶村ぇ灏�
- edgeLabel: {
- fontSize: 20 // 杈圭殑鏍囩瀛椾綋澶у皬
- },
- data: [{
- name: '閲戝厓鍥涘ぇ瀹�', // 鑺傜偣1鐨勫悕绉�
- x: 1230, // 鑺傜偣1鐨剎鍧愭爣
- y: 250, // 鑺傜偣1鐨剏鍧愭爣
- itemStyle: {
- color: 'red' // 鑺傜偣1鐨勮儗鏅鑹�
- },
- label: {
- color: 'black' // 鑺傜偣1鐨勫瓧浣撻鑹�
- }
- },
- {
- name: '鍒樺畬绱�', // 鑺傜偣2鐨勫悕绉�
- x: 800, // 鑺傜偣2鐨剎鍧愭爣
- y: 300 // 鑺傜偣2鐨剏鍧愭爣
- },
- {
- name: '鍌峰瘨鐩存牸', // 鑺傜偣3鐨勫悕绉�
- x: 550, // 鑺傜偣3鐨剎鍧愭爣
- y: 360 // 鑺傜偣3鐨剏鍧愭爣
- },
- {
- name: '寮犱徊鏅�', // 鑺傜偣4鐨勫悕绉�
- x: 700, // 鑺傜偣4鐨剎鍧愭爣
- y: 200 // 鑺傜偣4鐨剏鍧愭爣
- },
- {
- name: '涓夋秷璜�', // 鑺傜偣4鐨勫悕绉�
- x: 750, // 鑺傜偣4鐨剎鍧愭爣
- y: 500 // 鑺傜偣4鐨剏鍧愭爣
- },
- ],
- links: [ // 杈圭殑杩炴帴鍏崇郴
- {
- source: '閲戝厓鍥涘ぇ瀹�', // 杈圭殑璧峰鑺傜偣绱㈠紩涓�0锛屽嵆鑺傜偣1
- target: '鍒樺畬绱�', // 杈圭殑缁撴潫鑺傜偣绱㈠紩涓�1锛屽嵆鑺傜偣2
- symbolSize: [5, 20], // 杈圭殑璧峰鍜岀粨鏉熺澶村ぇ灏�
- label: {
- show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
- formatter: '鍖呭惈',
- },
- lineStyle: {
- width: 5, // 杈圭殑瀹藉害
- curveness: 0.2 // 杈圭殑鏇插害
-
- }
- },
- {
- source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 2'
- target: '鍌峰瘨鐩存牸', // 杈圭殑缁撴潫鑺傜偣涓�'Node 1'
- label: {
- show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
- formatter: '鍑虹増鐗�'
- },
- lineStyle: {
- curveness: 0.2 // 杈圭殑鏇插害
- }
- },
- {
- source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 1'
- target: '寮犱徊鏅�', // 杈圭殑缁撴潫鑺傜偣涓�'Node 3'
- label: {
- show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
- formatter: '璇勮'
- },
- lineStyle: {
- curveness: 0.2 // 杈圭殑鏇插害
- }
- },
- {
- source: '鍒樺畬绱�', // 杈圭殑璧峰鑺傜偣涓�'Node 2'
- target: '涓夋秷璜�', // 杈圭殑缁撴潫鑺傜偣涓�'Node 3'
- label: {
- show: true, // 鏄惁鏄剧ず杈圭殑鏍囩
- formatter: '鍑虹増鐗�'
- },
- lineStyle: {
- curveness: 0.2 // 杈圭殑鏇插害
- }
- }
- ],
+ edgeSymbolSize: [20, 20], // 杈圭殑璧峰鍜岀粨鏉熺澶村ぇ灏�
+ data: nodeData,
+ links: links,
lineStyle: {
- opacity: 0.9, // 杈圭殑閫忔槑搴�
- width: 2, // 杈圭殑瀹藉害
- curveness: 0 // 杈圭殑鏇插害
+ opacity: 0.9,
+ width: 2,
+ curveness: 0.3
}
}]
};
- option && myChart.setOption(option); // 灏嗛厤缃」搴旂敤浜庡浘琛ㄥ疄渚�
- console.log(myChart);
+ // 灏嗙敓鎴愮殑杩炴帴绾挎坊鍔犲埌echarts鍥捐〃鐨刼ption涓�
+ option.series[0].links = links;
+ option && myChart.setOption(option);
})
}
},
@@ -206,26 +392,42 @@
}
}
+
.Midde {
- background-color: #d1d6dc;
+ /* background-color: #d1d6dc; */
+ background-image: url(@/static/image/瀛︽淳Bg.png);
+ background-size: 100% 100%;
color: #000;
- padding: 40rpx;
+ padding: .18rem .23rem 0;
align-items: flex-start;
+ height: 1.43rem;
view {
color: #000;
}
+ .MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: .12rem;
+ padding: 0;
+
+ }
+
.Lists {
li {
- /* min-width: 50rpx; */
- border-radius: 40rpx;
- background-color: #fff;
- padding: 0 10rpx;
- font-size: 18rpx;
- margin: 0 20rpx;
+ width: 0.96rem;
+ height: .3rem;
+ border: 1px solid #597AA5;
+ line-height: .3rem;
+ text-align: center;
+ font-size: .14rem;
}
}
}
+
+ .school1 {
+ margin: 0 .2rem;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1