fix: 仪表盘支持设置指标显示的小数位数

main
hong.yang 1 year ago
parent 5f611a26c3
commit e6cf38ba67

@ -99,6 +99,18 @@ const setting = [
tabName: 'custom', tabName: 'custom',
groupName: 'graph' groupName: 'graph'
}, },
{
label: '指标小数位',
// 设置组件类型
type: 'inputNumber',
// 字段
field: 'statistic_fixed',
// 对应options中的字段
optionField: 'statisticFixed',
value: 0,
tabName: 'custom',
groupName: 'graph'
},
{ {
label: '指标字体类型', label: '指标字体类型',
// 设置组件类型 // 设置组件类型
@ -185,7 +197,11 @@ const data = [
} }
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler ='option.range.color = [option.color1, option.color2]' const optionHandler ='option.range.color = [option.color1, option.color2]\n' +
' let fix = option.statisticFixed\n' +
' option.statistic.title.formatter = ({ percent }) => `${(percent * 100).toFixed(fix)}%`'
// 数据处理脚本 // 数据处理脚本
const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]' const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]'
@ -226,6 +242,7 @@ const option = {
// shapeStyle: { // shapeStyle: {
// fill: 'rgba(208,208,208,0)' // fill: 'rgba(208,208,208,0)'
// }, // },
statisticFixed: 0,
statistic: { statistic: {
title: { title: {
offsetY: 0, offsetY: 0,

@ -75,6 +75,18 @@ const setting = [
tabName: 'custom', tabName: 'custom',
groupName: 'graph' groupName: 'graph'
}, },
{
label: '指标小数位',
// 设置组件类型
type: 'inputNumber',
// 字段
field: 'statistic_fixed',
// 对应options中的字段
optionField: 'statisticFixed',
value: 0,
tabName: 'custom',
groupName: 'graph'
},
{ {
label: '指标字体类型', label: '指标字体类型',
// 设置组件类型 // 设置组件类型
@ -160,7 +172,9 @@ const data = [
} }
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler ='option.range.color = [option.color1, option.color2]' const optionHandler ='option.range.color = [option.color1, option.color2]\n' +
' let fix = option.statisticFixed\n' +
' option.statistic.title.formatter = ({ percent }) => `${(percent * 100).toFixed(fix)}%`'
// 数据处理脚本 // 数据处理脚本
const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]' const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]'
@ -175,6 +189,7 @@ const option = {
range: { range: {
color: ['l(0) 0:#6b74e4 1:#4391f4','#d0d0d0'] color: ['l(0) 0:#6b74e4 1:#4391f4','#d0d0d0']
}, },
statisticFixed: 0,
startAngle: Math.PI, startAngle: Math.PI,
endAngle: 2 * Math.PI, endAngle: 2 * Math.PI,
indicator: null, indicator: null,

Loading…
Cancel
Save