نمودار

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">نام نمودار</h3>
        </div>
        <div class="card-body">
            <div id="chart-combination" class="chartsh"></div>
        </div>
    </div>
    <script>
        require(['c3', 'jquery'], function(c3, $) {
            $(document).ready(function(){
                var chart = c3.generate({
                bindto: '#chart-combination', // id المان نمودار
                data: {
                    columns: [
                    // دیتای هر ستون
                        ['data1', 100, 130, 150,240, 130, 220],
                        ['data2', 250, 200, 220, 400, 250 , 350]'
                        ['data3', 100, 130, 150,240, 130, 220]

                    ],
                    type: 'bar', // حالت نمودار پیشفرض

                    colors: {
                        'data1': Sash.colors["orange"],
                        'data2': Sash.colors["pink"]
                        'data3': Sash.colors["teal"]
                    },
                    names: {
                    // نام هر سری
                        'data1': 'مارکتینگ',
                        'data2': 'توسعه'
                        'data3': 'فروش'
                    }
                },
                axis: {
                    x: {
                    type: 'category',
                    // نام هر دسته بندی
                    categories: ['1395-1397', '1397-1400', '1401-1403', '1403-1404', '1404-1405', '1406-1407']
                    },
                },
                bar: {
                    width: 50
                },
                legend: {
                    show: false, //مخفی کردن راهنما
                },
                padding: {
                    bottom: 0,
                    top: 0
                },
            });
        });
    });
    </script>