File "usa-map-sample.html.erb"

Full Path: /home/analogde/www/php/integrations/rubyonrails/samples/app/views/samples/usa-map-sample.html.erb
File size: 5.61 KB
MIME-type: text/x-ruby
Charset: utf-8

<%
    def getChart
        chartData = {
          "chart": {
            "caption": "Average Temperature of US States",
            "subcaption": "1979 - 2000",
            "entityFillHoverColor": "#F8F8E9",
            "numberSuffix": "°F",
            "showLabels": "1",

            "borderThickness": "0.4",
            "theme": "fusion",
            "entityToolText": "<b>$lname</b> has an average temperature of <b>$datavalue</b>"
          },
          "colorrange": {
            "minvalue": "20",
            "code": "#00A971",
            "gradient": "1",
            "color": [{
                "minvalue": "20",
                "maxvalue": "40",
                "code": "#EFD951"
              }, {
                "minvalue": "40",
                "maxvalue": "60",
                "code": "#FD8963"
              },
              {
                "minvalue": "60",
                "maxvalue": "80",
                "code": "#D60100"
              }

            ]
          },
          "data": [{
              "id": "HI",
              "value": "70.0"
            },
            {
              "id": "DC",
              "value": "52.3"
            },
            {
              "id": "MD",
              "value": "54.2"
            },
            {
              "id": "DE",
              "value": "55.3"
            },
            {
              "id": "RI",
              "value": "50.1"
            },
            {
              "id": "WA",
              "value": "48.3"
            },
            {
              "id": "OR",
              "value": "48.4"
            },
            {
              "id": "CA",
              "value": "59.4"
            },
            {
              "id": "AK",
              "value": "26.6",
            },
            {
              "id": "ID",
              "value": "44.4"
            },
            {
              "id": "NV",
              "value": "49.9"
            },
            {
              "id": "AZ",
              "value": "60.3"
            },
            {
              "id": "MT",
              "value": "42.7"
            },
            {
              "id": "WY",
              "value": "42.0"
            },
            {
              "id": "UT",
              "value": "48.6"
            },
            {
              "id": "CO",
              "value": "45.1"
            },
            {
              "id": "NM",
              "value": "53.4"
            },
            {
              "id": "ND",
              "value": "40.4"
            },
            {
              "id": "SD",
              "value": "45.2"
            },
            {
              "id": "NE",
              "value": "48.8"
            },
            {
              "id": "KS",
              "value": "54.3"
            },
            {
              "id": "OK",
              "value": "59.6"
            },
            {
              "id": "TX",
              "value": "64.8"
            },
            {
              "id": "MN",
              "value": "41.2"
            },
            {
              "id": "IA",
              "value": "47.8"
            },
            {
              "id": "MO",
              "value": "54.5"
            },
            {
              "id": "AR",
              "value": "60.4"
            },
            {
              "id": "LA",
              "value": "66.4"
            },
            {
              "id": "WI",
              "value": "43.1"
            },
            {
              "id": "IL",
              "value": "51.8"
            },
            {
              "id": "KY",
              "value": "55.6"
            },
            {
              "id": "TN",
              "value": "57.6"
            },
            {
              "id": "MS",
              "value": "63.4"
            },
            {
              "id": "AL",
              "value": "62.8"
            },
            {
              "id": "GA",
              "value": "63.5"
            },
            {
              "id": "MI",
              "value": "44.4"
            },
            {
              "id": "IN",
              "value": "51.7"
            },
            {
              "id": "OH",
              "value": "50.7"
            },
            {
              "id": "PA",
              "value": "48.8"
            },
            {
              "id": "NY",
              "value": "45.4"
            },
            {
              "id": "VT",
              "value": "42.9"
            },
            {
              "id": "NH",
              "value": "43.8"
            },
            {
              "id": "ME",
              "value": "41.0"
            },
            {
              "id": "MA",
              "value": "47.9"
            },
            {
              "id": "CT",
              "value": "49.0"
            },
            {
              "id": "NJ",
              "value": "52.7"
            },
            {
              "id": "WV",
              "value": "51.8"
            },
            {
              "id": "VA",
              "value": "55.1"
            },
            {
              "id": "NC",
              "value": "59.0"
            },
            {
              "id": "SC",
              "value": "62.4"
            },
            {
              "id": "FL",
              "value": "70.7"
            }
          ]
        }   

        # Chart rendering 
        chart = Fusioncharts::Chart.new({
                width: "600",
                height: "500",
                type: "maps/usa",
                renderAt: "mapContainer",
                dataSource: chartData
            })
    end
%>

<h3>USA Map</h3>
<div id="mapContainer"></div>
<%=getChart.render() %>
<br/>
<br/>
<a href="index">Go Back</a>