|
|
@@ -47,8 +47,10 @@ const option = reactive({
|
|
|
// data: ['Allocated Budget', 'Actual Spending']
|
|
|
},
|
|
|
radar: {
|
|
|
+ center: ['50%', "60%"],
|
|
|
shape: 'square', //设置雷达图形状，值有circle、square,默认为方形
|
|
|
splitNumber: 3, // 雷达图圈数设置
|
|
|
+ radius: 90,
|
|
|
// shape: 'circle',
|
|
|
indicator: echarts_name_list.value,
|
|
|
name: { //修改indicator文字的颜色
|
|
|
@@ -268,12 +270,16 @@ onUnmounted(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="report_echarts_out">
|
|
|
- <div ref="echarts_ld"
|
|
|
- style="width:300px;height:300px;background:#F6F6F6;margin-right: 10px;"
|
|
|
- v-show="!(goFlag == 'SHAPE_RANDOM' || goFlag == 'ETB01' || goFlag == 'FDOT' || goFlag == 'EMOTION_STROOP')">
|
|
|
+ <div style="display: flex;flex-direction: column;justify-content: center;"
|
|
|
+ :style="{ height: (!(goFlag == 'SHAPE_RANDOM' || goFlag == 'ETB01' || goFlag == 'FDOT' || goFlag == 'EMOTION_STROOP')) ? '300px' : '100px' }">
|
|
|
+ <div ref="echarts_ld"
|
|
|
+ style="width:300px;display: flex; height: 300px; background:#F6F6F6;margin-right: 10px;"
|
|
|
+ v-show="!(goFlag == 'SHAPE_RANDOM' || goFlag == 'ETB01' || goFlag == 'FDOT' || goFlag == 'EMOTION_STROOP')">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
<div
|
|
|
- style="display: flex;flex-direction: column;align-items: center;flex: 1;height: 300px; box-sizing: border-box;padding: 10px; justify-content: space-around;background:#F6F6F6;">
|
|
|
+ style="display: flex;flex-direction: column;align-items: center;flex: 1; box-sizing: border-box;padding: 10px; justify-content: center;background:#F6F6F6;">
|
|
|
<div class="progress_out" v-for="item, index in echarts_name_list">
|
|
|
<span class="progress_out_name" style="width:150px">
|
|
|
{{ item.name }}
|
|
|
@@ -473,11 +479,13 @@ onUnmounted(() => {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
+ // background-color: #000000;
|
|
|
+ // align-items: center;
|
|
|
|
|
|
// height: 200px;
|
|
|
.progress_out {
|
|
|
- margin-bottom: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: start;
|
