# Charts

Simple yet flexible Javascript charting for designers & developers.

Documentation for Charts

##### Getting Started

If you need more charts or components, you can build your own pack from Highcharts or you can downlaod full package using `npm`

                  npm install highcharts --save

If you need more charts or components, you can build your own pack from Apexcharts or you can downlaod full package using `npm`

                  npm install apexcharts --save

##### Pie Chart

                          <div id="MuzePieChartOne" style="height: 380px;"></div>

##### Cloumn Chart

                          <div id="MuzeMultipleColumnsChartOne"></div>

##### Map Chart

                          <div id="MuzeMapChart" style="height: 300px;"></div>

##### How to use?

Copy-paste the following `<script>` near the end of your pages under JS Implementing Plugins to enable it.

                    <script src="assets/vendor/highcharts/highmaps.js"></script>
    <script src="assets/vendor/highcharts/modules/data.js"></script>
    <script src="assets/vendor/highcharts/mapdata/countries/us/us-all.js"></script>

##### Realtime Chart

                          <div id="MuzeDoubleLineTwo" style="height: 300px;"></div>

##### Area Chart

                          <div id="MuzeAreaChart" style="height: 300px;"></div>

##### How to use?

Copy-paste the following `<script>` near the end of your pages under JS Implementing Plugins to enable it.

                    <script src="assets/vendor/apexcharts/dist/apexcharts.min.js"></script>