mirror of https://github.com/akveo/blur-admin
more responsive charts layout
parent
1d59d3be9e
commit
418d4ec106
|
@ -1,21 +1,21 @@
|
|||
<div class="widgets">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<blur-panel title="Bar Chart" class-container="with-scroll">
|
||||
<div ng-include="'app/pages/charts/amCharts/barChart/barChart.html'"></div>
|
||||
</blur-panel>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<blur-panel title="Line Chart" class-container="with-scroll">
|
||||
<div ng-include="'app/pages/charts/amCharts/lineChart/lineChart.html'"></div>
|
||||
</blur-panel>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<blur-panel title="Area Chart" class-container="with-scroll" >
|
||||
<div ng-include="'app/pages/charts/amCharts/areaChart/areaChart.html'"></div>
|
||||
</blur-panel>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-12">
|
||||
<blur-panel title="Line Chart" class-container="with-scroll">
|
||||
<div ng-include="'app/pages/charts/amCharts/lineChart/lineChart.html'"></div>
|
||||
</blur-panel>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
|
|
@ -148,7 +148,7 @@
|
|||
}
|
||||
|
||||
function zoomChart() {
|
||||
lineChart.zoomToIndexes(Math.round(chart.dataProvider.length * 0.4), Math.round(chart.dataProvider.length * 0.55));
|
||||
lineChart.zoomToIndexes(Math.round(lineChart.dataProvider.length * 0.4), Math.round(lineChart.dataProvider.length * 0.55));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
|
||||
<div class="row ">
|
||||
<div class="col-md-4 " ng-controller="chartJs2DCtrl">
|
||||
<div class="col-lg-4 col-md-6" ng-controller="chartJs2DCtrl">
|
||||
<blur-panel title="Radar" class-container="with-scroll ">
|
||||
<canvas id="radar" class="chart chart-radar"
|
||||
chart-legend="false" chart-series="series" chart-data="data" chart-labels="labels"
|
||||
|
@ -47,13 +47,13 @@
|
|||
</canvas>
|
||||
</blur-panel>
|
||||
</div>
|
||||
<div class="col-md-4 " ng-controller="chartJs2DCtrl">
|
||||
<div class="col-lg-4 col-md-6" ng-controller="chartJs2DCtrl">
|
||||
<blur-panel title="Line" class-container="with-scroll ">
|
||||
<canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels"
|
||||
chart-legend="false" chart-series="series" chart-click="changeData"></canvas>
|
||||
</blur-panel>
|
||||
</div>
|
||||
<div class="col-md-4 " ng-controller="chartJs2DCtrl">
|
||||
<div class="col-lg-4 col-md-12" ng-controller="chartJs2DCtrl">
|
||||
<blur-panel title="Bars" class-container="with-scroll ">
|
||||
<canvas id="bar" class="chart chart-bar"
|
||||
chart-data="data" chart-labels="labels" chart-series="series" chart-click="changeData">
|
||||
|
|
Loading…
Reference in New Issue