84 lines
2.5 KiB
PHP
84 lines
2.5 KiB
PHP
|
@extends('layout.master')
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12 grid-margin">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Flot Charts</h6>
|
||
|
|
<p>Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Read the <a href="http://www.flotcharts.org/" target="_blank"> Official Flot Documentation</a> for a full list of instructions and other options.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-6 grid-margin stretch-card">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Line chart</h6>
|
||
|
|
<div class="flot-chart-wrapper">
|
||
|
|
<div class="flot-chart" id="flotLine"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-6 grid-margin stretch-card">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Bar chart</h6>
|
||
|
|
<div class="flot-chart-wrapper">
|
||
|
|
<div class="flot-chart" id="flotBar"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-6 grid-margin stretch-card">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Area chart</h6>
|
||
|
|
<div class="flot-chart-wrapper">
|
||
|
|
<div class="flot-chart" id="flotArea"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-6 grid-margin stretch-card">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Pie chart</h6>
|
||
|
|
<div class="flot-chart-wrapper">
|
||
|
|
<div class="flot-chart" id="flotPie"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-12">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">Real-Time chart</h6>
|
||
|
|
<div class="flot-chart-wrapper">
|
||
|
|
<div class="flot-chart" id="flotRealTime"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('plugin-scripts')
|
||
|
|
<script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.js') }}"></script>
|
||
|
|
<script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.resize.js') }}"></script>
|
||
|
|
<script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.pie.js') }}"></script>
|
||
|
|
<script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.categories.js') }}"></script>
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
@push('custom-scripts')
|
||
|
|
<script src="{{ asset('assets/js/jquery.flot.js') }}"></script>
|
||
|
|
@endpush
|