ChartGroup

1
function render() {
2
  const query =
3
    'SELECT count(*) FROM `Synthetics` SINCE 1 DAY AGO TIMESERIES AUTO FACET jobType';
4
  const chartStyle = { height: 200 };
5

6
  return (
7
    <ChartGroup>
8
      <AreaChart style={chartStyle} accountIds={[1]} query={query} />
9
      <LineChart style={chartStyle} accountIds={[1, 1067061]} query={query} />
10
      <ScatterChart style={chartStyle} accountIds={[1]} query={query} />
11
    </ChartGroup>
12
  );
13
}

1
function render() {
2
  const query =
3
    'SELECT count(*) FROM `Synthetics` SINCE 1 DAY AGO TIMESERIES AUTO FACET jobType';
4
  const chartStyle = { height: 200 };
5

6
  return (
7
    <ChartGroup>
8
      <AreaChart
9
        style={chartStyle}
10
        accountIds={[1]}
11
        query={query}
12
        fullWidth
13
        fullHeight
14
      />
15
      <LineChart
16
        style={chartStyle}
17
        accountIds={[1, 1067061]}
18
        query={query}
19
        fullWidth
20
        fullHeight
21
      />
22
      <ScatterChart
23
        style={chartStyle}
24
        accountIds={[1]}
25
        query={query}
26
        fullWidth
27
        fullHeight
28
      />
29
    </ChartGroup>
30
  );
31
}