html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var data = [

    {x: 0.18, value: 140, size: 2, name: 'Товар 1'},

    {x: 1.6, value: 43, size: 2, name: 'Товар 2'},

    {x: 0.7, value: 120, size: 3, name: 'Товар 3'}

  ];

​

  var chart = anychart.quadrant();

  chart.xScale().minimum(0).maximum(2);

  chart.yScale().minimum(0).maximum(180);

  chart.yScale().ticks().count(7);

​

  chart.xAxis(0, {ticks: true, labels: true});

  chart.xAxis(0).title('Относительная доля рынка');

  chart.xAxis(0).title().align("center");

  chart.yAxis(1, {ticks: true, labels: true});

  chart.yAxis(0).title('Темп роста рынка, %');

  chart.yAxis(0).title().align("center");

  chart.yAxis(1).labels().format('{%value}%');

​

  for (var i = 0; i < data.length; i++) {

    chart.bubble([data[i]]).name(data[i].name);

  }

  chart.legend(true);

  chart.crossing().stroke('black 1');

  chart.title("Матрица БКГ");

​

  chart.container("container").draw();

});