title: Amcharts - generate serial chart with percentage values
body: <p>I'm trying to generate serialChart with percentage values - e.g. on x axis we will have list of countries and on y axis we will have percentage values - from 0 to 100%. The bars present some values, summed to 100%. My problem is how to "tell" the graph what sum represents 100%? If I just add "recalculateToPercents":true to valueAxes object, the chart is generated with percentage values, but incorrectly:</p>
  
  <p><a href="http://www.test.go1.pl/tmp/amChart_error.png" rel="nofollow">http://www.test.go1.pl/tmp/amChart_error.png</a></p>
  
  <p>The correct chart should look like this:</p>
  
  <p><a href="http://www.test.go1.pl/tmp/amChart_correct.png" rel="nofollow">http://www.test.go1.pl/tmp/amChart_correct.png</a></p>
  
  <p>Here is the example code (of the incorrect graph):</p>
  
  <pre><code>var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "theme": "none",    
  "dataProvider": [{
      "country": "Spain",
      "visits": 20
  }, {
      "country": "Netherlands",
      "visits": 40
  }, {
      "country": "Russia",
      "visits": 5
  }, {
      "country": "South Korea",
      "visits": 15
  }, {
      "country": "Canada",
      "visits": 15
  }, {
      "country": "Brazil",
      "visits": 5
  }],
  "valueAxes": [{
      "recalculateToPercents":true,          
      "gridColor":"#FFFFFF",
  "gridAlpha": 0.2,
  "dashLength": 0
  }],
  "gridAboveGraphs": true,
  "startDuration": 1,
  "graphs": [{
      "balloonText": "[[category]]: &lt;b&gt;[[value]]&lt;/b&gt;",
      "fillAlphas": 0.8,
      "lineAlpha": 0.2,
      "type": "column",
      "valueField": "visits"      
  }],
  "chartCursor": {
      "categoryBalloonEnabled": false,
      "cursorAlpha": 0,
      "zoomable": false
  },
  "categoryField": "country",
  "categoryAxis": {
      "gridPosition": "start",
      "gridAlpha": 0
  }
  </code></pre>
  
  <p>});</p>
  
  <p>Thank you in advance for your help :-)</p>