Color Mapping

28 Mar 20171 minute to read

Color mapping is used to indicate values as colors instead of numerical values. For example, if a HeatMap represents a data from 0 to 100. ColorMapping is used to specify a color for lower value and higher value. For any value between two values, a medium color will be automatically be chosen.

In color mapping, when white color is set to value 0 and red color is set for value 30, as shown below.

RAZOR

<ej-heatmap is-responsive="true" id="heatmap">
        <e-colorMappingCollection>
            <e-color-mapping value="0" color="#8ec8f8">
                <e-label text="0"></e-label>
            </e-color-mapping>
            <e-color-mapping value="100" color="#0d47a1">
                <e-label text="100"></e-label>
            </e-color-mapping>
        </e-colorMappingCollection>
    </ej-heatmap>

Resultant HeatMap will be as shown below.