Donut Chart using morris.js

Donut-Chart-using-morris.js.markdown

Donut Chart using morris.js

Forked from Nirmalya Ghosh's Pen Donut Chart using morris.js.

A Pen by Burak Arslan on CodePen.

License.

index.html

35  <link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.5.1.css">

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

  <script src="http://cdn.oesmith.co.uk/morris-0.5.1.min.js"></script>
    
  <div id="chart"></div>

script.js

Morris.Donut({
  element: 'chart',
  data: [
    {label: "Credit", value: 12},
    {label: "Debit", value: 30},
    {label: "Loan", value: 20},
    {label: "Others", value: 35}
  ]
});

style.css

#chart{
  height:400px;
}