JSFiddle - React, Tailwind, and code Playground

by whelkaholism

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/RGraph/606/RGraph.common.core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/RGraph/6.07/RGraph.rose.min.js"></script>
<canvas id="cvs" width=148 height=148></canvas>

CSS

#cvs {
  background: #eeeeee  
}

.tn-labels {
  display: none;
}

JavaScript

data   = [10,5,8,3,9,4,6,10,5,3,6,8,4,9];
    labels = ['John','Richard','Paul','Pete','Lou','Olga','Neil','Ken','Luis','John','Gary','Paul','Fay','Will'];

    new RGraph.Rose({
        id: 'cvs',
        data: data,
        options: {
            colors: ['red'],
            backgroundGridRadialsCount: 0,
            textSize:0,
            margin: 0,
            marginLeft: 1,
            marginRight: 1,
            marginTop: 1,
            marginBottom: 1,
            axesLinewidth: 0,
            backgroundGridCirclesCount: 1,
            backgroundGridColor: '#0075B2',
            labelsAxes: ''
        }
    }).draw();