lxm_front/AJ-Report
1
0
Fork 0
mirror of https://gitee.com/anji-plus/report.git synced 2026-02-02 09:27:47 +08:00
Code Issues Projects Releases Wiki Activity

散点图优化

Browse Source
This commit is contained in:
isqianming
2024-12-29 18:37:43 +08:00
parent 780bbc4dc6
commit ffdc37fb9a
2 changed files with 145 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
report-ui/src/views/bigscreenDesigner/designer/tools/configure/scatterCharts/widget-scatter.js
View File

@@ -205,133 +205,27 @@ export const widgetScatter = {
],
},
{
name: '图例操作',
name: '散点设置',
list: [
{
type: 'el-switch',
label: '图例显示',
name: 'isShowLegend',
required: false,
placeholder: '',
value: true,
},
{
type: 'el-input-text',
label: '名称( | 分隔)',
name: 'legendName',
required: false,
placeholder: '',
value: ''
},
{
type: 'vue-color',
label: '字体颜色',
name: 'legendColor',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'legendFontSize',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-select',
label: '字体粗细',
name: 'legendFontWeight',
label: '点样式',
name: 'symbol',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'normal'
value: 'circle'
},
{
type: 'el-select',
label: '字体风格',
name: 'legendFontStyle',
type: 'el-slider',
label: '点大小',
name: 'pointSize',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
],
value: 'normal'
},
{
type: 'el-select',
label: '字体系列',
name: 'legendFontFamily',
required: false,
placeholder: '',
selectOptions: [
{code: 'sans-serif', name: 'sans-serif'},
{code: 'serif', name: 'serif'},
{code: 'Arial', name: 'Arial'},
{code: 'Courier New', name: 'Courier New'},
],
value: 'sans-serif'
},
{
type: 'el-input-number',
label: '图例宽度',
name: 'legendWidth',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-input-number',
label: '图例高度',
name: 'legendHeight',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-select',
label: '横向位置',
name: 'lateralPosition',
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
],
value: 'center'
},
{
type: 'el-select',
label: '纵向位置',
name: 'longitudinalPosition',
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
],
value: 'top'
},
{
type: 'el-select',
label: '布局前置',
name: 'layoutFront',
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
],
value: 'horizontal'
value: 5,
},
],
},
@@ -601,6 +495,137 @@ export const widgetScatter = {
},
],
},
{
name: '图例操作',
list: [
{
type: 'el-switch',
label: '图例显示',
name: 'isShowLegend',
required: false,
placeholder: '',
value: true,
},
{
type: 'el-input-text',
label: '名称( | 分隔)',
name: 'legendName',
required: false,
placeholder: '',
value: ''
},
{
type: 'vue-color',
label: '字体颜色',
name: 'legendColor',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'legendFontSize',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-select',
label: '字体粗细',
name: 'legendFontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'el-select',
label: '字体风格',
name: 'legendFontStyle',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
],
value: 'normal'
},
{
type: 'el-select',
label: '字体系列',
name: 'legendFontFamily',
required: false,
placeholder: '',
selectOptions: [
{code: 'sans-serif', name: 'sans-serif'},
{code: 'serif', name: 'serif'},
{code: 'Arial', name: 'Arial'},
{code: 'Courier New', name: 'Courier New'},
],
value: 'sans-serif'
},
{
type: 'el-input-number',
label: '图例宽度',
name: 'legendWidth',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-input-number',
label: '图例高度',
name: 'legendHeight',
required: false,
placeholder: '',
value: 12,
},
{
type: 'el-select',
label: '横向位置',
name: 'lateralPosition',
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
],
value: 'center'
},
{
type: 'el-select',
label: '纵向位置',
name: 'longitudinalPosition',
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
],
value: 'top'
},
{
type: 'el-select',
label: '布局前置',
name: 'layoutFront',
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
],
value: 'horizontal'
},
],
},
{
name: '数值设定',
list: [

4
report-ui/src/views/bigscreenDesigner/designer/widget/scatter/widgetScatter.vue
View File

@@ -355,6 +355,8 @@ export default {
for (const i in series) {
if (series[i].type == "scatter") {
series[i].type = "scatter";
series[i].symbol = optionsSetup.symbol;
series[i].symbolSize = optionsSetup.pointSize;
series[i].label = {
show: optionsSetup.isShow,
position: optionsSetup.fontPosition,
@@ -462,6 +464,8 @@ export default {
const obj = {};
if (val.series[i].type == "scatter") {
obj.type = "scatter";
obj.symbol = optionsSetup.symbol;
obj.symbolSize = optionsSetup.pointSize;
obj.label = {
show: optionsSetup.isShow,
position: optionsSetup.fontPosition,