69 строки
3.8 KiB
HTML
69 строки
3.8 KiB
HTML
|
|
<div ng-controller="sparkline">
|
|
<div class="content-container-fluid">
|
|
<div id="sparkline" class="row">
|
|
<div class="cols-sample-area">
|
|
|
|
<table style="width:100%;">
|
|
<tr>
|
|
<td align ="center"><i>Mean Working Hours for year</i></td>
|
|
<td>
|
|
<div id="line" style="width:170px" ej-sparkline e-type="line" e-dataSource="LineDataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="100" e-size-width="150"></div>
|
|
</td>
|
|
<tr>
|
|
<td align="center"><i>Revenue Status</i></td>
|
|
<td>
|
|
<div id="column" style="height:100px;width:150px" ej-sparkline e-type="column" e-dataSource="ColumnDataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="100" e-size-width="150" e-negativePointColor="red" e-highPointColor="blue"></div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td align="center"><i>Project Status Tracing</i></td>
|
|
<td>
|
|
<div id="area" style="height:100px;width:150px" ej-sparkline e-type="area" e-dataSource="AreaDataSource" e-tooltip-visible="true" e-size-width="150" e-markerSettings-visible="true" e-highPointColor="blue" e-lowPointColor="orange" e-opacity="0.5"></div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td align="center"><i>Profit Comparison for each months</i></td>
|
|
<td>
|
|
<div id="winloss" style="height:100px;width:150px" ej-sparkline e-type="winloss" e-dataSource="WinlossDataSource" e-size-height="100" e-size-width="150"></div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td align="center"><i>Expenditure for a year</i></td>
|
|
|
|
<td>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div id="pie1" style="height:40px;width:40px" ej-sparkline e-type="pie" e-dataSource="Pie1DataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="40" e-size-width="40"></div>
|
|
</td>
|
|
<td>
|
|
<div id="pie2" style="height:40px;width:40px" ej-sparkline e-type="pie" e-dataSource="Pie2DataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="40" e-size-width="40"></div>
|
|
</td>
|
|
<td>
|
|
<div id="pie3" style="height:40px;width:40px" ej-sparkline e-type="pie" e-dataSource="Pie3DataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="40" e-size-width="40"></div>
|
|
</td>
|
|
<td>
|
|
<div id="pie4" style="height:40px;width:40px" ej-sparkline e-type="pie" e-dataSource="Pie4DataSource" e-tooltip-visible="true" e-tooltip-font-size="12px" e-size-height="40" e-size-width="40"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center">Q1</td>
|
|
<td align="center"> Q2</td>
|
|
<td align="center"> Q3</td>
|
|
<td align="center"> Q4</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|