JSFiddle - React, Tailwind, and code Playground

by mstefanko

HTML

<div id="chart" style="width: 500px; height: 500px;"></div>

JavaScript

dojo.require("dojox.charting.Chart2D");
        dojo.addOnLoad(function() {
(function(){
    var df = dojox.lang.functional, du = dojox.lang.utils,
        dc = dojox.charting.plot2d.common,
        da = dojox.charting.axis2d.common,
        g = dojox.gfx, m = g.matrix,
        FUDGE_FACTOR = 0.2; // use to overlap fans

    dojo.declare("dojox.charting.plot2d.Spider", [dojox.charting.Element, dojox.charting.plot2d._PlotEvents], {
        //    summary:
        //        The plot that represents a typical Spider chart.
        defaultParams: {
            labels:            true,
            ticks:            false,
            fixed:            true,
            precision:        1,
            labelOffset:    -10,
            labelStyle:        "default",    // default/rows/auto
            htmlLabels:        true,        // use HTML to draw labels
            startAngle:        -90,        // start angle for slices in degrees
            //divisions:         4,            // radius tick count
            axisColor:         "",        // spider axis color
            axisWidth:         0,            // spider axis stroke width
            spiderColor:     "",        // spider web color
            spiderWidth:     0,            // spider web stroke width
            seriesWidth:     0,            // plot border with
            seriesFillAlpha: 0.2,        // plot fill alpha
            spiderOrigin:     0.16,
            markerSize:         3,            // radius of plot vertex (px)
            spiderType:         "polygon", //"circle"
            animationType:     dojo.fx.easing.backOut,
            axisTickFont:        "",
            axisTickFontColor:    "",
            axisFont:            "",
            axisFontColor:        ""
        },
        optionalParams: {
            radius:        0,
            font:        "",
            fontColor:    ""
        },

        constructor: function(chart, kwArgs){
            //    summary:
            //   ...