All files / modules/85-cv/pages/health-source/connectors/GCOMetricsHealthSource GCOWidgetChartConfig.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
 
 
 
 
 
 
32x
32x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Shield 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
 */
 
import moment from 'moment'
export function chartsConfig(series: Highcharts.SeriesLineOptions[]): Highcharts.Options {
  return {
    chart: {
      backgroundColor: 'transparent',
      height: 200,
      type: 'line',
      zoomType: 'xy',
      spacing: [5, 2, 5, 2]
    },
    credits: undefined,
    title: {
      text: ''
    },
    legend: {
      enabled: false
    },
    xAxis: {
      labels: {
        formatter: function () {
          return moment(this.value).format('h:mm a')
        }
      },
      lineWidth: 1,
      showFirstLabel: false,
      showLastLabel: false,
      tickLength: 5,
      tickAmount: 7,
      gridLineWidth: 1,
      gridLineDashStyle: 'Dash',
      title: {
        text: ''
      }
    },
    yAxis: {
      lineWidth: 1,
      tickLength: 5,
      tickAmount: 5,
      showFirstLabel: false,
      showLastLabel: false,
      gridLineDashStyle: 'Dash',
      gridLineWidth: 1,
      title: {
        text: ''
      }
    },
    plotOptions: {
      series: {
        stickyTracking: false,
        lineWidth: 2,
        turboThreshold: 50000
      },
      line: {
        marker: {
          enabled: false
        }
      }
    },
    tooltip: {
      formatter: function tooltipFormatter(this: any): string {
        const title = this.series?.name ? `<p>${this.series?.name}</p><br/>` : ''
        return `<section class="serviceGuardTimeSeriesTooltip">${title}<p>${moment(this.x).format(
          'M/D/YYYY h:m a'
        )}</p><br/><p>Value: ${this.y.toFixed(2)}</p></section>`
      },
      outside: true
    },
    subtitle: undefined,
    series
  }
}