react-generator/example/example.js

generator jsx react

var React = require('react');
var AmChart = require('../js/main.js');

// must ensure all of your fields have values or react table view will not render
function generatechartData() {
    var chartData = [];
    var firstDate = new Date();
    firstDate.setDate(firstDate.getDate() - 150);

    for (var i = 0; i < 150; i++) {
        // we create date objects here. In your data, you can have date strings
        // and then set format of your dates using chart.dataDateFormat property,
        // however when possible, use date objects, as this will speed up chart rendering.
        var newDate = new Date(firstDate);
        newDate.setDate(newDate.getDate() + i);

        var visits = Math.round(Math.random() * 100 - 50);

        chartData.push({
            date: newDate,
            visits: visits
        });
    }
    return chartData;
}

React.render(
    React.createElement(
        AmChart.LineChart, {
            data: generatechartData()
        }
    ),
    document.getElementById("container")
);