All files / modules/85-cv/pages/health-source/common/MetricLineChart ChartConfig.ts

66.67% Statements 4/6
0% Branches 0/10
66.67% Functions 2/3
66.67% Lines 4/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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              31x 31x 3x                                   14x                                                                                                      
/*
 * 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
  }
}