JSFiddle - React, Tailwind, and code Playground

by rogeriolino

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.7/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.3/c3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.3/c3.min.css">
<div id="chart">
</div>

JavaScript

c3.generate({
  data: {
    columns: [
      ['data1', 30],
      ['data2', 120],
    ],
    type : 'pie',
  },
  legend: {
    //position: 'inset',
    padding: 15,
    item: {
      tile: {
        width: 20,
        height: 20
      }
    }
  }
});