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> <template>
<el-form ref="pointForm" :model="state.pointForm" size="small" label-position="top"> <el-form ref="pointForm" :model="state.pointForm" size="small" label-position="top">
<div> <div style="padding-bottom: 8px">
<el-space> <el-space>
<el-form-item class="form-item" :class="'form-item-' + themes" :label="t('chart.text')"> <el-form-item class="form-item" :class="'form-item-' + themes" :label="t('chart.text')">
<el-color-picker <el-color-picker
@ -118,6 +118,19 @@ onMounted(() => {
</el-form-item> </el-form-item>
</el-space> </el-space>
</div> </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"> <div class="alpha-setting">
<label class="alpha-label" :class="{ dark: 'dark' === themes }"> 标注点气泡大小 </label> <label class="alpha-label" :class="{ dark: 'dark' === themes }"> 标注点气泡大小 </label>
<el-row style="flex: 1"> <el-row style="flex: 1">

View File

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

View File

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