JSFiddle - React, Tailwind, and code Playground

by origineil

HTML

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://raw.githubusercontent.com/flot/flot/master/jquery.flot.js"></script>
<script src="https://raw.githubusercontent.com/flot/flot/master/jquery.flot.pie.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<div id="pieChart" style="height: 300px; width: 100%;"></div>

JavaScript

function bakeMyPie(data) {


    $.plot('#pieChart', data, {
        series: {
            pie: {
                show: true
            }
        }
    });
};

var pieIngredients = [{label: "Series1",
        data: 10
    }, {
        label: "Series2",
        data: 30
    }, {
        label: "Series3",
        data: 90
    }];

 new Request.JSON({
    url: '/echo/json/',
    data: {
        json: JSON.encode(pieIngredients),
        delay: 1
    },
    onSuccess: function(response) {
        bakeMyPie(response)
    }
}).send();