html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  var chart = anychart.scatter();

​

  chart.marker(getRandomArbitrary(10, 50, 100));

  chart.marker(getRandomArbitrary(150, 200, 100));

​

  // create annotation

  var annotation = chart.annotations();

  annotation.zIndex(10);

  // create annotation trendChannel

  annotation.trendChannel({

    // X - part of the first anchor

    xAnchor: '4',

    // Y - part of the first anchor

    valueAnchor: 0,

    // X - part of the second anchor

    secondXAnchor: '110',

    // Y - part of the second anchor

    secondValueAnchor: 105,

    // X - part of the third anchor

    thirdXAnchor: '80',

    // Y - part of the third anchor

    thirdValueAnchor: 135,

    // set stroke settings

    stroke: '2 #6E9C4E',

    // set fill settings

    fill: '#6E9C4E 0.3',

    // set hover fill/stroke settings

    hovered: {

      fill: '#6E9C4E 0.3',

      stroke: '2 #6E9C4E'

    }

  });

  // create annotation trendChannel

  annotation.trendChannel({

    // X - part of the first anchor

    xAnchor: '4',

    // Y - part of the first anchor

    valueAnchor: 145,

    // X - part of the second anchor

    secondXAnchor: '100',

    // Y - part of the second anchor

    secondValueAnchor: 235,

    // X - part of the third anchor

    thirdXAnchor: '100',

    // Y - part of the third anchor

    thirdValueAnchor: 300,

    // set stroke settings

    stroke: '2 #e06666',

    // set fill settings

    fill: '#e06666 0.3',

    // set hover fill/stroke settings

    hovered: {

      fill: '#e06666 0.3',

      stroke: '2 #e06666'

    }

  });

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});

​

function getRandomArbitrary(min, max, count) {

  var result = [];

  for (var i = 5; i < count; i++) {

    min++;

    max++;

    result.push([i, Math.ceil(Math.random() * (max - min) + min)]);

  }

  return result;

}