JSFiddle - React, Tailwind, and code Playground

by sathish panduga p

HTML

<body>

    <div id="chart" style='float:left'></div>
    <a href="#" onclick="fun()">Want to see value ?</a>

</body>

JavaScript

var d = [
                 { axis: "strength", value: 20, order: 0 },
                 { axis: "intelligence", value: 1, order: 1 },
                 { axis: "charisma", value: 8, order: 2 },
                 { axis: "dexterity", value: 4, order: 3 },
                 { axis: "Presentation", value: 10, order: 4 },
                { axis: "luck", value: 4, order: 5 },
                { axis: "azole", value: 10, order: 6 }
        ];

        RadarChart.draw("#chart", d);

 function fun(){
           for (var i = 0; i < d.length; i++) {
               alert('Axis of ' + d[i].axis + ' is :' + d[i].value);
           }
        }