ChartURL Example Preview: Time Series

Template Config JS Object { "options" : { "data" : { "x" : "x" }, "regions" : [ { "start" : 0, "end" : 1 }, { "start" : 2, "end" : 4, "class" : "foo" } ], "axis" : { "x" : { "type" : "timeseries", "tick" : { "format" : "%Y-%m-%d" } } } } }

JSON Data for Preview { "options" : { "data" : { "columns" : [ [ "x", "2013-01-01", "2013-01-02", "2013-01-03", "2013-01-04", "2013-01-05", "2013-01-06" ], [ "data1", 30, 200, 100, 400, 150, 250 ], [ "data2", 130, 340, 200, 500, 250, 350 ] ] } } }

Template Custom CSS .c3-region-0 { fill: red; } .c3-region.foo { fill: green; }