图表调整

qianming 3 years ago
parent 444aeffafd
commit c28978ebe3

@ -147,7 +147,7 @@ export const widgetBarchart = {
value: 'rgba(30, 144, 255, 1)' value: 'rgba(30, 144, 255, 1)'
}, },
{ {
type: 'el-input-text', type: 'el-select',
label: '字体粗细', label: '字体粗细',
name: 'subTextFontWeight', name: 'subTextFontWeight',
required: false, required: false,

@ -33,55 +33,12 @@ export const widgetFunnel = {
{ {
type: 'el-switch', type: 'el-switch',
label: '翻转', label: '翻转',
name: 'cending', name: 'ending',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, },
[ [
{
name: '文字设置',
list: [
{
type: 'el-switch',
label: '显示',
name: 'isShow',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-input-number',
label: '字体大小',
name: 'fontSize',
require: false,
placeholder: '',
value: 14,
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
require: false,
placeholder: '',
value: '#fff',
},
{
type: 'el-select',
label: '字体粗细',
name: 'fontWeight',
require: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
],
},
{ {
name: '标题设置', name: '标题设置',
list: [ list: [
@ -91,7 +48,7 @@ export const widgetFunnel = {
name: 'isNoTitle', name: 'isNoTitle',
required: false, required: false,
placeholder: '', placeholder: '',
value: true value: false,
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
@ -99,7 +56,7 @@ export const widgetFunnel = {
name: 'titleText', name: 'titleText',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: '',
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -107,7 +64,7 @@ export const widgetFunnel = {
name: 'textColor', name: 'textColor',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: '#FFD700'
}, },
{ {
type: 'el-select', type: 'el-select',
@ -125,11 +82,11 @@ export const widgetFunnel = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '字体字号',
name: 'textFontSize', name: 'textFontSize',
required: false, required: false,
placeholder: '', placeholder: '',
value: 12 value: 20
}, },
{ {
type: 'el-select', type: 'el-select',
@ -142,7 +99,7 @@ export const widgetFunnel = {
{code: 'left', name: '左对齐'}, {code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'}, {code: 'right', name: '右对齐'},
], ],
value: 'left' value: 'center'
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
@ -158,7 +115,7 @@ export const widgetFunnel = {
name: 'subTextColor', name: 'subTextColor',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 'rgba(30, 144, 255, 1)'
}, },
{ {
type: 'el-select', type: 'el-select',
@ -176,32 +133,54 @@ export const widgetFunnel = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '字体字号',
name: 'subTextFontSize', name: 'subTextFontSize',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 16
}, },
], ],
}, },
{ {
name: '提示语设置', name: '数值设置',
list: [ list: [
{
type: 'el-switch',
label: '显示',
name: 'isShow',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '字体字号',
name: 'tipFontSize', name: 'fontSize',
required: false, require: false,
placeholder: '', placeholder: '',
value: '' value: 14,
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '网格线颜色', label: '字体颜色',
name: 'lineColor', name: 'color',
required: false, require: false,
placeholder: '', placeholder: '',
value: '' value: '#fff',
},
{
type: 'el-select',
label: '字体粗细',
name: 'fontWeight',
require: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
}, },
], ],
}, },
@ -226,7 +205,7 @@ export const widgetFunnel = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '字体字号',
name: 'lengedFontSize', name: 'lengedFontSize',
required: false, required: false,
placeholder: '', placeholder: '',
@ -279,6 +258,27 @@ export const widgetFunnel = {
}, },
], ],
}, },
{
name: '提示语设置',
list: [
{
type: 'el-input-number',
label: '字体字号',
name: 'tipFontSize',
required: false,
placeholder: '',
value: 14
},
{
type: 'vue-color',
label: '字体颜色',
name: 'lineColor',
required: false,
placeholder: '',
value: ''
},
],
},
{ {
name: '自定义配色', name: '自定义配色',
list: [ list: [

@ -111,7 +111,7 @@ export default {
methods: { methods: {
// options // options
editorOptions() { editorOptions() {
this.setCending(); this.setEnding();
this.setOptionsText(); this.setOptionsText();
this.setOptionsTitle(); this.setOptionsTitle();
this.setOptionsTooltip(); this.setOptionsTooltip();
@ -120,16 +120,16 @@ export default {
this.setOptionsData(); this.setOptionsData();
}, },
// //
setCending(){ setEnding() {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const series = this.options.series; const series = this.options.series;
if (optionsSetup.cending) { if (optionsSetup.ending) {
series[0].sort = "ascending"; series[0].sort = "ascending";
} else { } else {
series[0].sort = "descending"; series[0].sort = "descending";
} }
}, },
// //
setOptionsText() { setOptionsText() {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const normal = { const normal = {
@ -148,8 +148,8 @@ export default {
setOptionsTitle() { setOptionsTitle() {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const title = {}; const title = {};
title.show = optionsSetup.isNoTitle;
title.text = optionsSetup.titleText; title.text = optionsSetup.titleText;
title.show = optionsSetup.isNoTitle;
title.left = optionsSetup.textAlign; title.left = optionsSetup.textAlign;
title.textStyle = { title.textStyle = {
color: optionsSetup.textColor, color: optionsSetup.textColor,

Loading…
Cancel
Save