# change_separator_color.js

var data1 = [
    {
        value: {
            start: "11/1/2016",
            end: "11/16/2016",
        },
        name: "Jeremy Kelly"
    }, {
        value: {
            start: "11/13/2016",
            end: "11/14/2016",
        },
        name: "Marie Hansen"
    }, {
        value: {
            start: "11/11/2016",
            end: "11/13/2016",
        },
        name: "Paul Myers"
    }, {
        value: {
            start: "11/13/2016",
            end: "11/21/2016",
        },
        name: "Steven Ross"
    }
];

var options1 = {
    id: "demo1", 
    width: 1100, 
    height: 250,
    data: {
        plain: data1,
    },
    labelMargin: -50,
    title: {
        text: "Change Separator Color"
    },
    axis: {
        x: {
            label: {
                text: ""
            },
            tick: {
                format: d3.time.format("%d/%m/%Y")
            }
        }
    },
    striped: true,
    separatorColor: "red" // default value: rgb(154, 154, 154), set false to hide it
};
var timeline = new C9.TimeLine(options1);
timeline.draw();