JUI ChartPlay: Date + Range

Code
Data
Style

Clear Clear All

var chart = jui.include("chart.builder");
var time = jui.include("util.time");

chart("#result", {
    axis : {
        x : {
            type : "date",
            domain : [ new Date("2015/01/01"), new Date("2015/01/02") ],
            interval : 1000 * 60 * 60 * 6, // // 6hours
            format : "MM/dd HH:mm",
            key : "date",
            line : true
        },
        y : {
            type : "range",
            domain : [ 0, 50 ],
            step : 5,
            line : true,
            orient : "right"
        },
        data : [
            { date : new Date("2015/01/01 00:00:00"), sales : 50, profit : 35 },
            { date : new Date("2015/01/01 06:00:00"), sales : 20, profit : 30 },
            { date : new Date("2015/01/01 12:00:00"), sales : 10, profit : 5 },
            { date : new Date("2015/01/01 18:00:00"), sales : 30, profit : 25 },
            { date : new Date("2015/01/02 00:00:00"), sales : 25, profit : 20 }
        ]
    },
    brush : {
        type : "line",
        target : [ "sales", "profit" ]
    }
});

Key	Value

Result API

Result
API