html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create a data table

    var dataTable = anychart.data.table(0);

​

    // add data

   dataTable.addData(getData());

    // map the data for the frist series

    var mapping_1 = dataTable.mapAs({value: 1});

​

    // map the data for the second series

    var mapping_2 = dataTable.mapAs({value: 6});

​

    // map the data for the tecnical indicator

   // var mapping_3 = dataTable.mapAs({open: 1, high: 2, low: 3, close: 4});

    // create a stock chart

    var chart = anychart.stock();

    // create the first plot and and two line series

    var line_1 = chart.plot(0).line(mapping_1);

    var line_2 = chart.plot(0).spline(mapping_2);

    line_1.name("Licenças");

   // set stroke thickness 5px and apply gradient colors

  line_1.stroke("3 Red");

  //  line_1.stroke( {   keys: [ ".1 blue", ".70 yellow",".80 red"],    thickness: 5  });

  // disable marker on mouse over

  line_1.hovered().markers(false);

  // set series name

​

  line_2.name("Conexões");

   // set stroke thickness 5px, stroke color green and stroke opacity 0.4

  line_2.stroke("3 blue 0.4");

  // stroke settings for mouse over the series 

  line_2.hovered().stroke("5 #006600 0.4");

  // set series name

  line_2.name("Solid Color with Opacity");

        chart.selectRange('2021-04-14 12:10:000', '2021-04-15');

    // create the second plot and a williams %r indicator

    //chart.plot(1).yScale().minimum(-100);

    //chart.plot(1).yScale().maximum(0);

    //chart.plot(1).williamsR(mapping_3, 4, "marker");

​

    // set the chart title

    chart.title("Indicação de Licenças e Conexões Ativas do Dominio");

    chart.background("black");

    // set the container id

    chart.container("container");

​

​

    // initiate drawing the chart

    chart.draw();

  function getData()   {

                    var format ="EEEE, dd MMMM yyyy";

                    var locale = "pt-br";

                    anychart.format.outputLocale("pt-br");

                    anychart.format.outputDateTimeFormat("EEEE, dd MMMM yyyy");

                    var timeZoneOffset = new Date().getTimezoneOffset();

                    return [

            ['2021-04-14 11:20',58,14,12,0,17,101],

            ['2021-04-14 11:30',59,16,12,0,16,103],

            ['2021-04-14 11:40',58,16,12,0,17,103],

            ['2021-04-14 11:50',60,16,12,0,17,105],

            ['2021-04-14 12:00',61,17,12,0,16,106],

            ['2021-04-14 12:10',72,16,12,0,18,109],

            ['2021-04-14 12:20',75,16,12,0,18,110],

            ['2021-04-14 12:30',80,16,12,0,18,112],

            ['2021-04-14 12:40',85,16,13,0,17,111],

            ['2021-04-14 12:50',50,16,13,0,18,110],

            []

                    ];

                }

});