NEZ-1230 fix：修复预览阈值不显示的问题

2021-11-12 17:28:28 +08:00
parent 26c070bf97
commit 09f884d55f
1 changed files with 20 additions and 0 deletions
--- a/nezha-fronted/src/components/charts/chartPreview.vue
+++ b/nezha-fronted/src/components/charts/chartPreview.vue
@@ -521,6 +521,26 @@ export default {
                        if (chartItem.type === 'endpointInfo') {
                          seriesItem.theData.type = 'line'
                        }
+                        if ((chartItem.type === 'line' || chartItem.type === 'stackArea' || chartItem.type === 'bar') && chartItem.param && chartItem.param.threshold) {
+                          seriesItem.theData.markLine = {
+                            silent: true,
+                            symbol: ['circle', 'circle'],
+                            label: {
+                              distance: this.computeDistance(chartDataFormat.getUnit(chartItem.unit ? chartItem.unit : 2).compute(chartItem.param.threshold)),
+                              formatter (params) {
+                                return chartDataFormat.getUnit(chartItem.unit ? chartItem.unit : 2).compute(params.value)
+                              }
+                            },
+                            lineStyle: {
+                              color: '#d64f40',
+                              width: 2,
+                              type: 'dotted'
+                            },
+                            data: [{
+                              yAxis: Number(chartItem.param.threshold)
+                            }]
+                          }
+                        }
                        // 图表中每条线的名字,后半部分
                        let host = ''// up,
                        if (queryItem.metric.__name__) {