html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var currentDate = new Date();

    var currentYear = currentDate.getFullYear();

    var rangeData = [

      ["Task 1", Date.UTC(currentYear,0,1), Date.UTC(2019,4,1)],

      ["Task 2", Date.UTC(currentYear,4,1), Date.UTC(2019,11,31)]

    ];

​

    // create a chart

    var chart = anychart.timeline();

​

    // prevent zooming the chart with the mouse wheel

    chart.interactivity().zoomOnMouseWheel(false);

​

    // create a range series, set the data and name

    var rangeSeries = chart.range(rangeData);

    rangeSeries.name("Tasks");

​

    // create and configure a today marker

    var todayMarker = chart.todayMarker();

    todayMarker.stroke("#dd2c00", 3);

​

    // create and configure a text marker

    var textMarker = chart.textMarker(0); 

    var todayMarkerValue = todayMarker.value();

    textMarker.value(todayMarkerValue);

    textMarker.text(

      anychart.format.dateTime(todayMarkerValue, "dd MMMM")

    );

    textMarker.fontColor("#dd2c00");

    textMarker.fontWeight(600);

    textMarker.offsetX(-10);

​

    // set the chart title

    chart.title("Timeline Chart: Today Marker (+ Text Marker)");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart  

    chart.draw();

});