JSFiddle - React, Tailwind, and code Playground

by Seçkin Dikbayır

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script>
<meta charset=utf-8 />
<title>Morris.js Donut Chart Örneği</title>
<body>
  <div id="ornek-donut"></div>
</body>

JavaScript

Morris.Donut({
  element: 'ornek-donut',
  data: [
    {label: "Türkiye", value: 12},
    {label: "Çek Cumhuriyeti", value: 30},
    {label: "Almanya", value: 20}
  ],
  labelColor: '#000000',
    colors: [
        '#429A3C',
        '#0068A6',
        '#E81922'
    ],
     formatter: function (x) { return x + "%" }
});