feat(cloudwatch): different view types in GraphWidget

packages/@aws-cdk/aws-cloudwatch/README.md

@@ -287,6 +287,17 @@ dashboard.addWidgets(new GraphWidget({
 }));
 ```
 
+The graph view can be changed from default 'timeSeries' to 'bar' or 'pie'.
+
+```ts
+dashboard.addWidgets(new GraphWidget({
+  // ...
+  // ...
+
+  view: GraphWidgetView.BAR,
+}));
+```
+
 ### Alarm widget
 
 An alarm widget shows the graph and the alarm line of a single alarm:

packages/@aws-cdk/aws-cloudwatch/lib/graph.ts

@@ -121,6 +121,24 @@ export class AlarmWidget extends ConcreteWidget {
   }
 }
 
+/**
+ * Types of view
+ */
+export enum GraphWidgetView {
+  /**
+   * Display as a line graph.
+   */
+  TIME_SERIES = 'timeSeries',
+  /**
+   * Display as a bar graph.
+   */
+  BAR = 'bar',
+  /**
+   * Display as a pie graph.
+   */
+  PIE = 'pie',
+}
+
 /**
  * Properties for a GraphWidget
  */
@@ -187,6 +205,14 @@ export interface GraphWidgetProps extends MetricWidgetProps {
    * @default false
    */
   readonly liveData?: boolean;
+
+
+  /**
+   * Display this metric
+   *
+   * @default TimeSeries
+   */
+  readonly view?: GraphWidgetView;
 }
 
 /**
@@ -214,7 +240,7 @@ export class GraphWidget extends ConcreteWidget {
       x: this.x,
       y: this.y,
       properties: {
-        view: 'timeSeries',
+        view: this.props.view ?? GraphWidgetView.TIME_SERIES,
         title: this.props.title,
         region: this.props.region || cdk.Aws.REGION,
         stacked: this.props.stacked,

packages/@aws-cdk/aws-cloudwatch/test/test.graphs.ts

@@ -1,6 +1,6 @@
 import { Stack } from '@aws-cdk/core';
 import { Test } from 'nodeunit';
-import { Alarm, AlarmWidget, Color, GraphWidget, LegendPosition, LogQueryWidget, Metric, Shading, SingleValueWidget, LogQueryVisualizationType } from '../lib';
+import { Alarm, AlarmWidget, Color, GraphWidget, GraphWidgetView, LegendPosition, LogQueryWidget, Metric, Shading, SingleValueWidget, LogQueryVisualizationType } from '../lib';
 
 export = {
   'add stacked property to graphs'(test: Test) {
@@ -86,6 +86,30 @@ export = {
     test.done();
   },
 
+  'bar view'(test: Test) {
+    // WHEN
+    const stack = new Stack();
+    const widget = new GraphWidget({
+      title: 'Test widget',
+      view: GraphWidgetView.BAR,
+    });
+
+    // THEN
+    test.deepEqual(stack.resolve(widget.toJson()), [{
+      type: 'metric',
+      width: 6,
+      height: 6,
+      properties: {
+        view: 'bar',
+        title: 'Test widget',
+        region: { Ref: 'AWS::Region' },
+        yAxis: {},
+      },
+    }]);
+
+    test.done();
+  },
+
   'singlevalue widget'(test: Test) {
     // GIVEN
     const stack = new Stack();