anchor.diff:  
         tooltip: {
             shared: true,
  -          pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y:,.0f}</b><br/>'
  +          pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
         },
   
         legend: {
  
positive.code:       },
  
        title: {
            text: 'Belo Horizonte vs Aracaju',
            x: -80
        },
  
  
negative.code: 
  	</div>
  
    <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
  
  
    <script>
  
    <%= @array1 = [@city1.population, @city1.demographic_density, @city1.area, @city1.fleet, @city1.idh, @city1.gini, @city1.health, @city1.violence] %>
  
  	<%= @array2 = [@city2.population, @city2.demographic_density, @city2.area, @city2.fleet, @city2.idh, @city2.gini, @city2.health, @city2.violence] %>
  
    $(function () {
  
  		var values1 = [<%= raw @array1.to_json %>];
  		var values2 = [<%= raw @array2.to_json %>];
  		var name1 = [<%= raw @city1.name.to_json %>];
  		var name2 = [<%= raw @city2.name.to_json %>];
  
    $('#container').highcharts({
  
  