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

refactor: 仪表盘阈值支持小数

Browse Source
This commit is contained in:
junjun 2022-04-18 10:09:23 +08:00
parent 575010708b
commit eb12daf15e
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/chart/chart/gauge/gauge.js
View File

@ -62,7 +62,7 @@ export function baseGaugeOption(chart_option, chart) {
const per = parseFloat(chart.data.series[0].data[0]) / parseFloat(chart_option.series[0].max)
for (let i = 0; i < arr.length; i++) {
const ele = arr[i]
const p = parseInt(ele) / 100
const p = parseFloat(ele) / 100
range.push([p, hexColorToRGBA(customAttr.color.colors[i % customAttr.color.colors.length], customAttr.color.alpha)])
if (!flag && per <= p) {
flag = true

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

@ -48,7 +48,7 @@ export function baseGaugeOptionAntV(plot, container, chart, action) {
const arr = threshold.gaugeThreshold.split(',')
for (let i = 0; i < arr.length; i++) {
const ele = arr[i]
const p = parseInt(ele) / 100
const p = parseFloat(ele) / 100
range.push(p)
if (!flag && per <= p) {
flag = true

4
frontend/src/views/chart/components/senior/Threshold.vue
View File

@ -9,7 +9,7 @@
<span>,100</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
阈值设置，决定仪表盘区间颜色，为空则不开启阈值，范围(0-100)，仅限整数，且逐级递增
阈值设置，决定仪表盘区间颜色，为空则不开启阈值，范围(0-100)，逐级递增
<br>
例如：输入 30,70；表示：分为3段，分别为[0,30],(30,70],(70,100]
</div>
@ -129,7 +129,7 @@ export default {
const arr = this.thresholdForm.gaugeThreshold.split(',')
for (let i = 0; i < arr.length; i++) {
const ele = arr[i]
if (ele.indexOf('.') > -1 || parseInt(ele).toString() === 'NaN' || parseInt(ele) < 1 || parseInt(ele) > 99) {
if (parseFloat(ele).toString() === 'NaN' || parseFloat(ele) < 1 || parseFloat(ele) > 99) {
this.$message({
message: this.$t('chart.gauge_threshold_format_error'),
type: 'error',