@extends('layouts.master')
@section('before-css')


@endsection

@section('page-css')

@endsection

@section('main-content')

              <div class="breadcrumb">
                    <h1>نمودار های معمولی</h1>
                    <ul>
                        <li><a href="">نمودار ها</a></li>
                        <li>نمودار های معمولی</li>
                    </ul>
                </div>

                <div class="separator-breadcrumb border-top"></div>
                <div class="row">
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">شش ماه فروش</div>
                                <canvas id="LineChart"></canvas>
                            </div>
                        </div>
                    </div>

                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">شش ماه فروش در مقابل درآمد</div>
                                <canvas id="LineChart2"></canvas>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- end of row -->

                <div class="row">
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">چند نمودار بار</div>
                                <canvas id="BarChart2"></canvas>
                            </div>
                        </div>
                    </div>
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">تک نمودار بار</div>
                                <canvas id="BarChart"></canvas>
                            </div>
                        </div>
                    </div>
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">نمودار بار افقی</div>
                                <canvas id="HorizontalBarChart"></canvas>
                            </div>
                        </div>
                    </div>

                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">میکس نمودار</div>
                                <canvas id="MixChart"></canvas>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- end of row -->


                <div class="row">
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">رادار نمودار</div>
                                <canvas id="RadarChart" height="200px"></canvas>
                            </div>
                        </div>
                    </div>

                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">Doughnut نمودار</div>
                                <canvas id="DoughnutChart" height="200px"></canvas>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- end of row -->

                <div class="row">
                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">Pie نمودار</div>
                                <canvas id="PieChart" height="200px"></canvas>
                            </div>
                        </div>
                    </div>

                    <div class=" col-md-6">
                        <div class="card mb-4">
                            <div class="card-body">
                                <div class="card-title">نمودار محدوده قطبی</div>
                                <canvas id="PolarChart" height="200px"></canvas>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- end of row -->
@endsection

@section('page-js')



 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>

    <script src="{{asset('assets/js/es5/chartjs.script.min.js')}}"></script>



@endsection

@section('bottom-js')




@endsection
