<div class="container">
                <!-- Title -->
                <div class="hk-pg-header">
                    <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="bar-chart"></i></span></span>Bar Chart</h4>
                </div>
                <!-- /Title -->

                <!-- Row -->
                <div class="row">
                    <div class="col-xl-12">




                        <section class="hk-sec-wrapper" style="height: 470px;">

                            <h6 class="hk-sec-title">Horizontal Bar Chart</h6>

                            <div class="col-sm-12">

                                <div class="col-sm-3" style="height: 400px; background: #ffffff; float: left;">

                                    <div style="width: 70%; float: left;">
                                        <div style="display: block; height: 200px; text-align:center; line-height:200px;">
                                            LOCAL
                                        </div>
                                        <div style="display: block; height: 200px; text-align:center; line-height:200px;">
                                            MULTI NATIONAL
                                        </div>
                                    </div>

                                    <div style="width: 30%; float: right;">

                                        <div style="height: 200px; background: #1589B9"></div>
                                        <div style="height: 200px; background: #FF6B5E"></div>

                                    </div>

                                </div>

                                <div class="col-sm-9" style="float:right;">
                                    <div class="row">
                                        <div class="col-sm">
                                            <div id="e_chart_2" class="echart" style="height:200px;"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm">
                                            <div id="e_chart_2_1" class="echart" style="height:200px;"></div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </section>


                    </div>
                </div>
                <!-- /Row -->
            </div>