graph getChartOptions.ts

0% Statements 0/9

100% Branches 0/0

0% Functions 0/3

0% Lines 0/8

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import dayjs from "dayjs";
import { generateColorPalette } from "../generateColorPalette";
 
export const getChartOptions = (
  sortedTSData: any,
  tsLabels: string[],
  data: any[],
  unit: string,
  initialLegendsState: any,
) => {
  const xaxisArray = sortedTSData[0].datapoints.map((ts: any) => {
    return dayjs.unix(parseInt(ts.timestamp) / 1000).format("HH:mm");
  });
 
  const colors = generateColorPalette(data.length);
 
  return {
    xAxis: {
      type: "category",
      data: xaxisArray,
      boundaryGap: false,
    },
    tooltip: {
      trigger: "axis",
    },
    legend: {
      type: "scroll",
      orient: "horizontal",
      bottom: 0,
      data: tsLabels,
      selected: initialLegendsState,
    },
    yAxis: {
      type: "value",
      name: unit,
    },
    color: colors,
    series: data.map((item, index) => ({
      name: tsLabels[index],
      type: "line",
      data: item.ts,
      emphasis: {
        focus: "series",
      },
    })),
  };
};