JSFiddle - React, Tailwind, and code Playground

by brianjmiller

HTML

<div>
    <p>Link Test</p>
    <p><a href="http://yuilibrary.com/" target="top">Test Me with Tap</a></p>
</div>
<div id="mychart"></div>

CSS

#mychart {
    margin:10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    width:350px;
    height:350px;
}

JavaScript

YUI().use('charts', function(Y) {
    var myDataValues = [
        {
        category: "5/1/2010",
        values: 2000},
    {
        category: "5/2/2010",
        values: 50},
    {
        category: "5/3/2010",
        values: 400},
    {
        category: "5/4/2010",
        values: 200},
    {
        category: "5/5/2010",
        values: 5000}
    ];

    var axes = {
        values: {
            maximum: 8000,
            minimum: 100
        }
    };
    var mychart = new Y.Chart({
        type: "line",
        categoryType: "time",
        dataProvider: myDataValues,
        axes: axes,
        render: "#mychart"
    });
});