style(图表): 优化流向地图标注的配置项

This commit is contained in:
jianneng-fit2cloud 2024-07-30 17:38:08 +08:00
parent 52f9077065
commit 88061a6337
3 changed files with 16 additions and 3 deletions

View File

@ -82,7 +82,7 @@ onMounted(() => {
<template>
<el-form ref="pointForm" :model="state.pointForm" size="small" label-position="top">
<div>
<div style="padding-bottom: 8px">
<el-space>
<el-form-item class="form-item" :class="'form-item-' + themes" :label="t('chart.text')">
<el-color-picker
@ -118,6 +118,19 @@ onMounted(() => {
</el-form-item>
</el-space>
</div>
<el-space>
<el-form-item class="form-item" :class="'form-item-' + themes" label="标注点气泡颜色">
<el-color-picker
:effect="themes"
size="default"
v-model="state.pointForm.point.color"
class="color-picker-style"
:predefine="predefineColors"
@change="changeStyle()"
is-custom
/>
</el-form-item>
</el-space>
<div class="alpha-setting">
<label class="alpha-label" :class="{ dark: 'dark' === themes }"> 标注点气泡大小 </label>
<el-row style="flex: 1">

View File

@ -292,7 +292,7 @@ export const DEFAULT_MISC: ChartMiscAttr = {
fontSize: 10
},
point: {
color: 'red',
color: '#146C94',
size: 4,
animate: false,
speed: 0.01

View File

@ -258,7 +258,7 @@ export class FlowMap extends L7ChartView<Scene, L7Config> {
}
pointConfig = (chart, xAxis, xAxisExt, misc, configList) => {
const color = misc.flowMapConfig.pointConfig.text.color
const color = misc.flowMapConfig.pointConfig.point.color
const size = misc.flowMapConfig.pointConfig.point.size
const { bubbleCfg } = parseJson(chart.senior)
const fromDefaultPointLayer = new PointLayer({ zIndex: -1 })