fix: 地图添加动画设置

This commit is contained in:
huanghao1412 2024-08-13 10:50:10 +08:00
parent 06c087820f
commit cb9b812153
4 changed files with 12 additions and 7 deletions

2
.env
View File

@ -5,7 +5,7 @@ VITE_DEV_PORT = '8080'
# VITE_DEV_PATH = 'http://192.168.0.34:11887' # VITE_DEV_PATH = 'http://192.168.0.34:11887'
VITE_DEV_PATH = 'http://192.168.0.34:8102/' VITE_DEV_PATH = 'http://192.168.0.34:8102/'
# VITE_DEV_PATH = 'http://192.168.0.120:3001' # VITE_DEV_PATH = 'http://192.168.0.120:3001'
VITE_DEV_TOKEN = 'dd23c593-c823-4eb3-86d0-54ec77c99880' VITE_DEV_TOKEN = '09c7cb6a-ab85-4c92-ad0f-5a25d72d71f7'
# production path # production path
VITE_PRO_PATH = 'http://192.168.0.235:8177' VITE_PRO_PATH = 'http://192.168.0.235:8177'

View File

@ -158,7 +158,7 @@
></n-select> ></n-select>
</setting-item> </setting-item>
</setting-item-box> </setting-item-box>
<setting-item-box name="最小值" alone v-if="xAxis.type === 'value'"> <setting-item-box name="最小值" alone v-if="'min' in xAxis">
<setting-item name=""> <setting-item name="">
<n-input-number v-model:value="xAxis.min" size="small"/> <n-input-number v-model:value="xAxis.min" size="small"/>
</setting-item> </setting-item>
@ -256,7 +256,7 @@
></n-select> ></n-select>
</setting-item> </setting-item>
</setting-item-box> </setting-item-box>
<setting-item-box name="最小值" alone v-if="yAxis.type === 'value'"> <setting-item-box name="最小值" alone v-if="'min' in yAxis">
<setting-item name=""> <setting-item name="">
<n-input-number v-model:value="yAxis.min" size="small"/> <n-input-number v-model:value="yAxis.min" size="small"/>
</setting-item> </setting-item>
@ -348,7 +348,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { PropType, computed, watch } from 'vue' import { PropType, computed, watch, Ref } from 'vue'
import { GlobalThemeJsonType } from '@/settings/chartThemes/index' import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
import { axisConfig, legendConfig } from '@/packages/chartConfiguration/echarts/index' import { axisConfig, legendConfig } from '@/packages/chartConfiguration/echarts/index'
import { CollapseItem, SettingItemBox, SettingItem, GlobalSettingPosition } from '@/components/Pages/ChartItemSetting' import { CollapseItem, SettingItemBox, SettingItem, GlobalSettingPosition } from '@/components/Pages/ChartItemSetting'
@ -380,12 +380,11 @@ const title = computed(() => {
return props.optionData.title return props.optionData.title
}) })
const xAxis = computed(() => { const xAxis: Ref<any> = computed(() => {
return props.optionData.xAxis return props.optionData.xAxis
}) })
const yAxisArr = computed(() => { const yAxisArr: Ref<any> = computed(() => {
console.log(props.optionData.yAxis)
return props.optionData.yAxis return props.optionData.yAxis
}) })

View File

@ -51,6 +51,7 @@ export const option = {
}, },
series: [ series: [
{ {
animation: false,
name: '', name: '',
type: 'effectScatter', type: 'effectScatter',
coordinateSystem: 'geo', coordinateSystem: 'geo',

View File

@ -206,6 +206,11 @@
</CollapseItem> </CollapseItem>
<CollapseItem name="标记" :expanded="true"> <CollapseItem name="标记" :expanded="true">
<SettingItemBox name="样式"> <SettingItemBox name="样式">
<SettingItem name="开启动画">
<n-space>
<n-switch v-model:value="seriesList[0].animation" size="small"></n-switch>
</n-space>
</SettingItem>
<SettingItem name="大小"> <SettingItem name="大小">
<n-input-number v-model:value="seriesList[0].symbolSize" size="small" :min="0"></n-input-number> <n-input-number v-model:value="seriesList[0].symbolSize" size="small" :min="0"></n-input-number>
</SettingItem> </SettingItem>