diff --git a/frontend/src/views/chart/chart/gauge/gauge.js b/frontend/src/views/chart/chart/gauge/gauge.js index 71c6a1814c..c578949fa9 100644 --- a/frontend/src/views/chart/chart/gauge/gauge.js +++ b/frontend/src/views/chart/chart/gauge/gauge.js @@ -87,17 +87,24 @@ export function baseGaugeOption(chart_option, chart) { show: false } chart_option.series[0].axisTick = { + splitNumber: 5, // TODO 刻度间隔数 + length: 10, // TODO 子刻度线长度 lineStyle: { - color: 'auto' + color: 'auto', + width: 2// TODO 子刻度线宽度 } } chart_option.series[0].splitLine = { + length: 18, // TODO 刻度线长度 lineStyle: { - color: 'auto' + color: 'auto', + width: 2// TODO 刻度线宽度 } } chart_option.series[0].axisLabel = { - color: 'auto' + color: 'auto', + distance: 20, // TODO 刻度值文字里刻度线距离 + fontSize: 20// TODO 刻度值字体大小 } } } diff --git a/frontend/src/views/chart/chart/gauge/gauge_antv.js b/frontend/src/views/chart/chart/gauge/gauge_antv.js index 82cd5071d7..2aff090ed8 100644 --- a/frontend/src/views/chart/chart/gauge/gauge_antv.js +++ b/frontend/src/views/chart/chart/gauge/gauge_antv.js @@ -72,6 +72,26 @@ export function baseGaugeOptionAntV(plot, container, chart, action) { // indicator: null, statistic: { content: labelContent + }, + axis: { + label: { + style: { + fontSize: 14// TODO 刻度值字体大小 + } + }, + tickLine: { + length: -12, // TODO 刻度线长度 + style: { + lineWidth: 1// TODO 刻度线宽度 + } + }, + subTickLine: { + count: 4, // TODO 子刻度数 + length: -6, // TODO 子刻度线长度 + style: { + lineWidth: 1// TODO 子刻度线宽度 + } + } } // range: { // width: 12