html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  var chart = anychart.bullet([

    {value: 10},

    {value: 15}

  ]);

​

  chart.range({from: 0, to: 5});

  chart.range(1, {from: 5, to: 10});

  chart.range(2, {from: 10, to: 15});

  chart.range(3, {from: 15, to: 20});

  chart.padding(20);

  chart.bounds(0, 0, '100%', 150);

​

  chart.title({text: 'Click on the chart', orientation: 'top'});

​

  var counter = 0;

​

  // Set event listener on the chart

  chart.listen('click', function (e) {

    counter++;

    chart.title('You clicked ' + counter + ' times. Click again');

​

    //need to get the value of 10 in this event

    var iterator = this.data().getIterator()

    var number = iterator.getRowsCount();

    console.log('Number of values: ' + number);

    for (var i = 0; i < number; i++) {

      iterator.advance();

      var value = iterator.get('value');

      console.log('Value' + i + ': ' + value);

    }

  });

​

​

  chart.container('container');

  chart.draw();

});