@syncfusion/ej2-react-heatmap
Version:
Feature rich data visulization control used to visualize the matrix data where the individual values are represented as colors for React
40 lines (37 loc) • 1.42 kB
JavaScript
import { createElement, Component } from 'react';
import { HeatMap } from '@syncfusion/ej2-heatmap';
export * from '@syncfusion/ej2-heatmap';
import { applyMixins, ComponentBase } from '@syncfusion/ej2-react-base';
export { Inject } from '@syncfusion/ej2-react-base';
/**
* Represents the React HeatMap component.
* This is used to customize the properties of the heatmap in order to visualize two-dimensional data, with values represented by gradient or solid color variations.
* ```tsx
* <HeatMapComponent></HeatMapComponent>
* ```
*/
class HeatMapComponent extends HeatMap {
constructor(props) {
super(props);
this.initRenderCalled = false;
this.checkInjectedModules = true;
this.statelessTemplateProps = null;
this.templateProps = null;
this.immediateRender = true;
this.isReactMock = true;
this.portals = [];
}
render() {
this.isReactMock = false;
if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
}
else {
return createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
}
}
}
applyMixins(HeatMapComponent, [ComponentBase, Component]);
export { HeatMapComponent };
//# sourceMappingURL=ej2-react-heatmap.es2015.js.map