Add a highchart heatmap helper class (#1307)

* add highchart heatmap helper class

* add erroneously deleted line back

libs/core-ui/src/index.ts

@@ -76,4 +76,5 @@ export * from "./lib/Interfaces/IErrorAnalysisData";
 export * from "./lib/Highchart/BasicHighChart";
 export * from "./lib/Highchart/FeatureImportanceDependence";
 export * from "./lib/Highchart/FeatureImportanceBar";
+export * from "./lib/Highchart/HeatmapHighChart";
 export * from "./lib/Highchart/IHighchartsConfig";

libs/core-ui/src/lib/Highchart/HeatmapHighChart.tsx

@@ -0,0 +1,29 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import _ from "lodash";
+import { getTheme } from "office-ui-fabric-react";
+import React from "react";
+
+import { getDefaultHighchartOptions } from "./getDefaultHighchartOptions";
+import { HighchartWrapper } from "./HighchartWrapper";
+import { ICommonChartProps } from "./ICommonChartProps";
+
+export class HeatmapHighChart extends React.Component<ICommonChartProps> {
+  public render(): React.ReactNode {
+    const defaultOptions = getDefaultHighchartOptions(getTheme());
+    const { className, id, fallback, configOverride = {}, theme } = this.props;
+    const chartOptions = _.merge({}, configOverride, defaultOptions);
+
+    return (
+      <HighchartWrapper
+        className={className}
+        id={id}
+        chartOptions={chartOptions}
+        fallback={fallback}
+        theme={theme}
+        modules={["heatmap"]}
+      />
+    );
+  }
+}