aspnet-ej1-demos/HeatMap/TableMapBinding.aspx

46 строки
2.3 KiB
Plaintext

<%@ Page Title="HeatMap-Table Mapping-ASP.NET-SYNCFUSION" Language="C#" MasterPageFile="~/Samplebrowser.Master" AutoEventWireup="true" CodeBehind="TableMapBinding.aspx.cs" Inherits="WebSampleBrowser.HeatMap.TableMapBinding" %>
<asp:Content ID="ScriptContent" runat="server" ContentPlaceHolderID="ScriptSection">
</asp:Content>
<asp:Content ID="ControlContent" runat="server" ContentPlaceHolderID="ControlsSection">
<div style="border-width: 2px; opacity: 0.7; width: 290px; text-align: center;">
<label style="color: Black; font-size: 22px; height: 25px; font-weight: Normal;">Product Sales by Year</label><br />
<label style="color: Black; font-size: 22px; margin-top: -2px; height: 25px; font-weight: Normal;">(In Percentage)</label>
</div>
<br />
<div class="control_section">
<div style="width: 100%; margin: 0 auto; text-align: center;">
<ej:HeatMap runat="server" ID="TableHeatmap" Width="100%" IsResponsive="true">
<ColorMappingCollection>
<ej:HeatMapColorMapping Color="#8ec8f8" Value="0">
<label text="0"></label>
</ej:HeatMapColorMapping>
<ej:HeatMapColorMapping Color="#0d47a1" Value="100">
<label text="100"></label>
</ej:HeatMapColorMapping>
</ColorMappingCollection>
</ej:HeatMap>
<div style="height: 15px; width: 100%;"></div>
<ej:HeatMapLegend runat="server" ClientIDMode="static" ID="TableHeatmapLegend" Height="50px" Width="75%" legendmode="Gradient" orientation="Horizontal" IsResponsive="true">
<ColorMappingCollection>
<ej:HeatMapColorMapping Color="#8ec8f8" Value="0">
<label text="0"></label>
</ej:HeatMapColorMapping>
<ej:HeatMapColorMapping Color="#0d47a1" Value="100">
<label text="100"></label>
</ej:HeatMapColorMapping>
</ColorMappingCollection>
</ej:HeatMapLegend>
</div>
</div>
</asp:Content>
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="StyleSection">
<style>
#TableHeatmapLegend {
margin-left: 120px;
}
</style>
</asp:Content>