angularjs-ej1-demos/pivotchart/exporting.html

67 строки
2.4 KiB
HTML

<div ng-controller="PivotChartExportingCtrl">
<div class="content-container-fluid">
<div class="row">
<div class="cols-sample-area">
<div class="control">
<div>
<div id="PivotChart" ej-pivotchart e-dataSource="dataSource" e-title-text="title" e-showtooltip="showTooltip" e-isResponsive ="isResponsive"
e-animation="animation" e-commonseriesoptions-type="ctype" e-commonseriesoptions-tooltip-visible="showTooltip"
e-size="size" e-primaryxaxis="primaryXAxis" e-primaryyaxis="primaryYAxis" e-legend="legend" e-load='loadTheme' e-zooming="zooming"
style="height: 450px; width: 900px;"/>
</div>
</div>
</div>
<div class="panel-body">
<div id="property-window" class="box wide" style="width:40%; margin-left: 20px">
<table style="width:100%">
<tbody>
<tr style="margin-top:20px; font-weight:bold">
<td>
Export to
</td>
<td>
<input type="text" name="name" id="exportOptions" class="e-ejinputtext" value="" ej-dropdownlist e-datasource="exportOptions"
e-value="exportName" e-selecteditemindex="0" e-width="100px" />
</td>
</tr>
</tbody>
</table>
<div style="margin:30px 0 0 60px">
<button id="export" class="ang-button btn" ej-button="" e-showroundedcorner="true" e-size="medium" e-click="ExportBtnClick" e-text="Export"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.row {
display: inline-block;
}
.control
{
padding-left: 10px;
}
.row .cols-prop-area
{
min-height: 150px;
width: 29%;
float: right;
}
.cols-prop-area [class*="col-md-3"] {
min-height: 0px;
}
#property-window label {
margin-left: 10px;
}
.propertiesdlg
{
min-height: 110px;
}
.e-ddl.e-widget.e-dropdownlist.e-js {
width: 112px!important;
}
</style>