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

perf(图表): 水波图和仪表盘无数据不渲染

Browse Source
This commit is contained in:
wisonic-s 2024-04-24 16:28:45 +08:00
parent 406167735a
commit d3330e35a4
2 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
core/core-frontend/src/views/chart/components/js/panel/charts/liquid/liquid.ts
View File

@ -50,14 +50,15 @@ export class Liquid extends G2PlotChartView<LiquidOptions, G2Liquid> {
drawChart(drawOptions: G2PlotDrawOptions<G2Liquid>): G2Liquid {
const { chart, container } = drawOptions
if (chart?.data) {
const initOptions: LiquidOptions = {
percent: 0
}
const options = this.setupOptions(chart, initOptions)
// 开始渲染
return new G2Liquid(container, options)
if (!chart.data?.series) {
return
}
const initOptions: LiquidOptions = {
percent: 0
}
const options = this.setupOptions(chart, initOptions)
// 开始渲染
return new G2Liquid(container, options)
}
protected configTheme(chart: Chart, options: LiquidOptions): LiquidOptions {

59
core/core-frontend/src/views/chart/components/js/panel/charts/others/gauge.ts
View File

@ -65,40 +65,41 @@ export class Gauge extends G2PlotChartView<GaugeOptions, G2Gauge> {
drawChart(drawOptions: G2PlotDrawOptions<G2Gauge>): G2Gauge {
const { chart, container, scale } = drawOptions
if (chart?.data) {
// options
const initOptions: GaugeOptions = {
percent: 0,
appendPadding: getPadding(chart),
axis: {
tickInterval: 0.2,
label: {
style: {
fontSize: getScaleValue(12, scale) // 刻度值字体大小
},
formatter: function (v) {
const r = parseFloat(v)
return v === '0' || !r ? v : r * 100 + '%'
}
if (!chart.data?.series) {
return
}
// options
const initOptions: GaugeOptions = {
percent: 0,
appendPadding: getPadding(chart),
axis: {
tickInterval: 0.2,
label: {
style: {
fontSize: getScaleValue(12, scale) // 刻度值字体大小
},
tickLine: {
length: getScaleValue(12, scale) * -1, // 刻度线长度
style: {
lineWidth: getScaleValue(1, scale) // 刻度线宽度
}
},
subTickLine: {
count: 4, // 子刻度数
length: getScaleValue(6, scale) * -1, // 子刻度线长度
style: {
lineWidth: getScaleValue(1, scale) // 子刻度线宽度
}
formatter: function (v) {
const r = parseFloat(v)
return v === '0' || !r ? v : r * 100 + '%'
}
},
tickLine: {
length: getScaleValue(12, scale) * -1, // 刻度线长度
style: {
lineWidth: getScaleValue(1, scale) // 刻度线宽度
}
},
subTickLine: {
count: 4, // 子刻度数
length: getScaleValue(6, scale) * -1, // 子刻度线长度
style: {
lineWidth: getScaleValue(1, scale) // 子刻度线宽度
}
}
}
const options = this.setupOptions(chart, initOptions, scale)
return new G2Gauge(container, options)
}
const options = this.setupOptions(chart, initOptions, scale)
return new G2Gauge(container, options)
}
protected configMisc(chart: Chart, options: GaugeOptions): GaugeOptions {