dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(图表): 地图以及气泡地图支持整体填充地图区域的颜色

Browse Source
This commit is contained in:
jianneng-fit2cloud 2024-10-09 17:25:05 +08:00
parent 8bdf364c57
commit 7287c92ae0
4 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/locales/zh-CN.ts
View File

@ -754,7 +754,7 @@ export default {
color_simple: '简洁', color_simple: '简洁',
not_alpha: '不透明度', not_alpha: '不透明度',
area_border_color: '地图边线', area_border_color: '地图边线',
area_base_color: '底图', area_base_color: '地图区块填充',
size: '大小', size: '大小',
bar_width: '柱宽', bar_width: '柱宽',
bar_gap: '柱间隔', bar_gap: '柱间隔',

2
core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
View File

@ -585,6 +585,8 @@ onMounted(() => {
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="8">
<el-col :span="12" v-if="showProperty('areaBaseColor')"> <el-col :span="12" v-if="showProperty('areaBaseColor')">
<el-form-item <el-form-item
:label="t('chart.area_base_color')" :label="t('chart.area_base_color')"

3
core/core-frontend/src/views/chart/components/js/panel/charts/map/bubble-map.ts
View File

@ -32,7 +32,8 @@ export class BubbleMap extends L7PlotChartView<ChoroplethOptions, Choropleth> {
properties: EditorProperty[] = [...MAP_EDITOR_PROPERTY, 'bubble-animate'] properties: EditorProperty[] = [...MAP_EDITOR_PROPERTY, 'bubble-animate']
propertyInner = { propertyInner = {
...MAP_EDITOR_PROPERTY_INNER, ...MAP_EDITOR_PROPERTY_INNER,
'tooltip-selector': [...MAP_EDITOR_PROPERTY_INNER['tooltip-selector'], 'carousel'] 'tooltip-selector': [...MAP_EDITOR_PROPERTY_INNER['tooltip-selector'], 'carousel'],
'basic-style-selector': [...MAP_EDITOR_PROPERTY_INNER['basic-style-selector'], 'areaBaseColor']
} }
axis = MAP_AXIS_TYPE axis = MAP_AXIS_TYPE
axisConfig: AxisConfig = { axisConfig: AxisConfig = {

9
core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
View File

@ -46,7 +46,14 @@ export class Map extends L7PlotChartView<ChoroplethOptions, Choropleth> {
properties: EditorProperty[] = [...MAP_EDITOR_PROPERTY, 'legend-selector'] properties: EditorProperty[] = [...MAP_EDITOR_PROPERTY, 'legend-selector']
propertyInner: EditorPropertyInner = { propertyInner: EditorPropertyInner = {
...MAP_EDITOR_PROPERTY_INNER, ...MAP_EDITOR_PROPERTY_INNER,
'basic-style-selector': ['colors', 'alpha', 'areaBorderColor', 'zoom', 'gradient-color'], 'basic-style-selector': [
'colors',
'alpha',
'areaBorderColor',
'areaBaseColor',
'zoom',
'gradient-color'
],
'legend-selector': ['icon', 'fontSize', 'color'], 'legend-selector': ['icon', 'fontSize', 'color'],
'tooltip-selector': [...MAP_EDITOR_PROPERTY_INNER['tooltip-selector'], 'carousel'] 'tooltip-selector': [...MAP_EDITOR_PROPERTY_INNER['tooltip-selector'], 'carousel']
} }