|
27 | 27 | <div align="center" class="col-lg-2 col-md-3 col-sm-5 sparent"> |
28 | 28 | <div class="spark" id="line" align="center" style="height: 87px;"> |
29 | 29 | <div class="sparktext" align="center" style="position: absolute; margin-top: 90px; width: 90%;">Power production for a day</div> |
30 | | - <EjsSparkline ID="spark1" XName="x" YName="yval" DataSource=@powerProductionData Type="@SparklineType.Line" Fill="#3C78EF" Linewidth="1" Height="@height"> |
| 30 | + <EjsSparkline ID="firstSpark" XName="x" YName="yval" DataSource=@powerProductionData Type="@SparklineType.Line" Fill="#3C78EF" Linewidth="1" Height="@height"> |
31 | 31 | <SparklineMarkerSettings Visible='@markerVisible' Size='2.5' Fill="blue"> |
32 | 32 | </SparklineMarkerSettings> |
33 | 33 | <SparklineTooltipSettings Visible='true' Format="${x} : ${yval}"> |
|
40 | 40 | <div align="center" class="col-lg-2 col-md-3 col-sm-5 sparent"> |
41 | 41 | <div class="spark" id="area" align="center" style="height: 87px;"> |
42 | 42 | <div class="sparktext" align="center" style="position: absolute; margin-top: 90px; width: 90%;">Average weather comparision</div> |
43 | | - <EjsSparkline ID="spark2" XName="xval" YName="yval" Height="@height" DataSource=@weatherData Type="@SparklineType.Area" Fill="#b2cfff" Linewidth="1" valueType="@SparklineValueType.Category"> |
| 43 | + <EjsSparkline ID="secondSpark" XName="xval" YName="yval" Height="@height" DataSource=@weatherData Type="@SparklineType.Area" Fill="#b2cfff" Linewidth="1" valueType="@SparklineValueType.Category"> |
44 | 44 | <SparklineBorder Color="#3C78EF" Width="2"></SparklineBorder> |
45 | 45 | <SparklineTooltipSettings Visible='true' Format="${xval} : ${yval}°C"> |
46 | 46 | <SparklineTrackLineSettings Visible='true'> |
|
52 | 52 | <div align="center" class="col-lg-2 col-md-3 col-sm-5 sparent"> |
53 | 53 | <div class="spark" id="column" align="center" style="height: 87px;"> |
54 | 54 | <div class="sparktext" align="center" style="position: absolute; margin-top: 90px; width: 90%;">Revenue status</div> |
55 | | - <EjsSparkline ID="spark3" XName="xval" YName="yval" Height="@height" DataSource=@revenueStatusData type="@SparklineType.Column" Fill="#3C78EF" Linewidth="1" ValueType="@SparklineValueType.Category" HighPointColor="#14aa21"> |
| 55 | + <EjsSparkline ID="thirdSpark" XName="xval" YName="yval" Height="@height" DataSource=@revenueStatusData type="@SparklineType.Column" Fill="#3C78EF" Linewidth="1" ValueType="@SparklineValueType.Category" HighPointColor="#14aa21"> |
56 | 56 | <SparklineTooltipSettings Visible='true' Format="${xval} : ${yval}"> |
57 | 57 | </SparklineTooltipSettings> |
58 | 58 | </EjsSparkline> |
|
62 | 62 | <div align="center" class="col-lg-2 col-md-3 col-sm-5 sparent"> |
63 | 63 | <div class="spark" id="winloss" align="center" style="height: 87px;"> |
64 | 64 | <div class="sparktext" align="center" style="position: absolute; margin-top: 90px; width: 90%;">Customer satisfaction score</div> |
65 | | - <EjsSparkline ID="spark4" XName="xval" YName="yval" Height="@height" DataSource=@customerStatisficationData Type="@SparklineType.WinLoss" Fill="#3C78EF" Linewidth="1" ValueType="@SparklineValueType.Numeric" NegativePointColor="#fc5070"> |
| 65 | + <EjsSparkline ID="fourthSpark" XName="xval" YName="yval" Height="@height" DataSource=@customerStatisficationData Type="@SparklineType.WinLoss" Fill="#3C78EF" Linewidth="1" ValueType="@SparklineValueType.Numeric" NegativePointColor="#fc5070"> |
66 | 66 | <SparklineTooltipSettings Visible='true' Format="${xval} : ${yval}"> |
67 | 67 | </SparklineTooltipSettings> |
68 | 68 | </EjsSparkline> |
69 | 69 | </div> |
70 | 70 | </div> |
71 | 71 | <div align="center" class="col-lg-2 col-md-5 col-sm-10 sparent"> |
72 | 72 | <div class="spark" align="center" style="height: 87px;"> |
73 | | - <div class="sparkpie" id="pie1" style="height:40px;width: 29%;"> |
| 73 | + <div class="sparkpie" id="firstPie" style="height:40px;width: 29%;"> |
74 | 74 | <div align="center" class="pietext" style="position: absolute; margin-top: 40px; margin-left: 2px; width: 29%;">USA</div> |
75 | | - <EjsSparkline ID="sparkpie1" XName="x" YName="y" DataSource=@usaOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
| 75 | + <EjsSparkline ID="firstSparkPie" XName="x" YName="y" DataSource=@usaOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
76 | 76 | <SparklineTooltipSettings Visible='true' Format="${x} : ${y}"> |
77 | 77 | </SparklineTooltipSettings> |
78 | 78 | </EjsSparkline> |
79 | 79 | </div> |
80 | | - <div class="sparkpie" id="pie2" style="height:40px;width: 29%;"> |
| 80 | + <div class="sparkpie" id="secondPie" style="height:40px;width: 29%;"> |
81 | 81 | <div align="center" class="pietext" style="position: absolute; margin-top: 40px; margin-left: 2px; width: 29%;">GBR</div> |
82 | | - <EjsSparkline ID="sparkpie2" XName="x" YName="y" DataSource=@gbrOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
| 82 | + <EjsSparkline ID="secondSparkPie" XName="x" YName="y" DataSource=@gbrOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
83 | 83 | <SparklineTooltipSettings Visible='true' Format="${x} : ${y}"> |
84 | 84 | </SparklineTooltipSettings> |
85 | 85 | </EjsSparkline> |
86 | 86 | </div> |
87 | | - <div class="sparkpie" id="pie3" style="height:40px;width: 29%;"> |
| 87 | + <div class="sparkpie" id="thirdPie" style="height:40px;width: 29%;"> |
88 | 88 | <div align="center" class="pietext" style="position: absolute; margin-top: 40px; margin-left: 2px; width: 29%;">CHN</div> |
89 | | - <EjsSparkline ID="sparkpie3" XName="x" YName="y" DataSource=@chinaOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
| 89 | + <EjsSparkline ID="thirdSparkPie" XName="x" YName="y" DataSource=@chinaOlympicsMedals Type="@SparklineType.Pie" Linewidth="1" ValueType="@SparklineValueType.Category"> |
90 | 90 | <SparklineTooltipSettings Visible='true' Format="${x} : ${y}"> |
91 | 91 | </SparklineTooltipSettings> |
92 | 92 | </EjsSparkline> |
|
0 commit comments