center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(视图): 仪表盘仅支持百分比模式

Browse Source
This commit is contained in:
junjun 2022-08-31 10:09:13 +08:00
parent decc462dc8
commit b6ba0080a4
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/chart/chart/gauge/gauge_antv.js
View File

@ -7,7 +7,7 @@ import { valueFormatter } from '@/views/chart/chart/formatter'
let labelFormatter = null let labelFormatter = null
export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) { export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) {
let min, max, labelContent, startAngel, endAngel, tickCount let min, max, labelContent, startAngel, endAngel
// theme // theme
const theme = getTheme(chart) const theme = getTheme(chart)
// data // data
@ -31,7 +31,6 @@ export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) {
min = size.gaugeMin ? size.gaugeMin : DEFAULT_SIZE.gaugeMin min = size.gaugeMin ? size.gaugeMin : DEFAULT_SIZE.gaugeMin
max = size.gaugeMax ? size.gaugeMax : DEFAULT_SIZE.gaugeMax max = size.gaugeMax ? size.gaugeMax : DEFAULT_SIZE.gaugeMax
} }
tickCount = size.gaugeTickCount ? size.gaugeTickCount : DEFAULT_SIZE.gaugeTickCount
startAngel = parseInt(size.gaugeStartAngle) * Math.PI / 180 startAngel = parseInt(size.gaugeStartAngle) * Math.PI / 180
endAngel = parseInt(size.gaugeEndAngle) * Math.PI / 180 endAngel = parseInt(size.gaugeEndAngle) * Math.PI / 180
} }
@ -101,13 +100,13 @@ export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) {
content: labelContent content: labelContent
}, },
axis: { axis: {
tickInterval: 1 / tickCount, tickInterval: 0.2,
label: { label: {
style: { style: {
fontSize: getScaleValue(14, scale) // 刻度值字体大小 fontSize: getScaleValue(14, scale) // 刻度值字体大小
}, },
formatter: function(v) { formatter: function(v) {
return Number(v) * (max - min) + min return v === '0' ? v : (v * 100 + '%')
} }
}, },
tickLine: { tickLine: {

6
frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
View File

@ -384,9 +384,9 @@
@change="changeBarSizeCase('gaugeEndAngle')" @change="changeBarSizeCase('gaugeEndAngle')"
/> />
</el-form-item> </el-form-item>
<el-form-item v-show="showProperty('gaugeTickCount')" :label="$t('chart.tick_count')" class="form-item form-item-slider"> <!-- <el-form-item v-show="showProperty('gaugeTickCount')" :label="$t('chart.tick_count')" class="form-item form-item-slider">-->
<el-input-number v-model="sizeForm.gaugeTickCount" :min="1" :step="1" :precision="0" size="mini" @change="changeBarSizeCase('gaugeTickCount')" /> <!-- <el-input-number v-model="sizeForm.gaugeTickCount" :min="1" :step="1" :precision="0" size="mini" @change="changeBarSizeCase('gaugeTickCount')" />-->
</el-form-item> <!-- </el-form-item>-->
</el-form> </el-form>
<!--gauge-end--> <!--gauge-end-->