html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.scatter();

​

    var series = chart.marker([

        {x: 20, value: 0},

        {x: 20, value: 20},

        {x: 20, value: 40},

        {x: 20, value: 60},

        {x: 20, value: 80},

        {x: 20, value: 100}

    ]);

    series.id('green').size(15);

​

    chart.line([

        {x: 20, value: 100},

        {x: 30, value: 60},

        {x: 24, value: 60},

        {x: 35, value: 20},

        {x: 20, value: 20}

    ]);

​

    chart.line([

        {x: 20, value: 100},

        {x: 10, value: 60},

        {x: 16, value: 60},

        {x: 5, value: 20},

        {x: 20, value: 20}

    ]);

​

    // Get series by id.

    var seriesById = chart.getSeries('green');

​

    seriesById.fill('#4CAF50');

    seriesById.stroke('#4CAF50');

​

    chart.title('Get and modify series by id');

    chart.yScale().minimum(-4);

    chart.container('container');

    chart.draw();

});