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-04-20 13:49:56 +08:00
parent 3e8fec74d5
commit 8d1f4f686e
2 changed files with 20 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,6 +51,25 @@ export function baseGaugeOption(chart_option, chart, scale = 1) {
value: chart.data.series[0].data[0]
}
chart_option.series[0].data.push(y)
chart_option.series[0].axisTick = {
splitNumber: getScaleValue(5, scale), // 刻度间隔数
length: getScaleValue(10, scale), // 子刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 子刻度线宽度
}
}
chart_option.series[0].splitLine = {
length: getScaleValue(18, scale), // 刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 刻度线宽度
}
}
chart_option.series[0].axisLabel = {
distance: getScaleValue(20, scale), // 刻度值文字里刻度线距离
fontSize: getScaleValue(20, scale)// 刻度值字体大小
}
// threshold
if (chart.senior) {
const range = []
@ -107,42 +126,6 @@ export function baseGaugeOption(chart_option, chart, scale = 1) {
distance: getScaleValue(20, scale), // 刻度值文字里刻度线距离
fontSize: getScaleValue(20, scale)// 刻度值字体大小
}
} else {
chart_option.series[0].axisTick = {
splitNumber: getScaleValue(5, scale), // 刻度间隔数
length: getScaleValue(10, scale), // 子刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 子刻度线宽度
}
}
chart_option.series[0].splitLine = {
length: getScaleValue(18, scale), // 刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 刻度线宽度
}
}
chart_option.series[0].axisLabel = {
distance: getScaleValue(20, scale), // 刻度值文字里刻度线距离
fontSize: getScaleValue(20, scale)// 刻度值字体大小
}
}
} else {
chart_option.series[0].axisTick = {
splitNumber: getScaleValue(5, scale), // 刻度间隔数
length: getScaleValue(10, scale), // 子刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 子刻度线宽度
}
}
chart_option.series[0].splitLine = {
length: getScaleValue(18, scale), // 刻度线长度
lineStyle: {
width: getScaleValue(2, scale) // 刻度线宽度
}
}
chart_option.series[0].axisLabel = {
distance: getScaleValue(20, scale), // 刻度值文字里刻度线距离
fontSize: getScaleValue(12, scale)// 刻度值字体大小
}
}
}

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

@ -87,7 +87,7 @@ export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) {
}
},
subTickLine: {
count: 4, // TODO 子刻度数
count: 4, // 子刻度数
length: getScaleValue(6, scale) * -1, // 子刻度线长度
style: {
lineWidth: getScaleValue(1, scale)// 子刻度线宽度