<%
    require 'fusioncharts-rails'

    def getChart
        chartData = {
            "chart": {
                "caption": "Bakersfield Central - Total footfalls",
                "subCaption": "Last week",
                "xAxisName": "Day",
                "yAxisName": "No. of Visitors (In 1000s)",
                "showValues": "0",
                "theme": "fusion"
            },
        "annotations":{
            "groups": [
                {
                    "id": "anchor-highlight",
                    "items": [
                        {
                            "id": "high-star",
                            "type": "circle",
                            "x": "$dataset.0.set.2.x",
                            "y": "$dataset.0.set.2.y",
                            "radius": "12",
                            "color": "#6baa01",
                            "border": "2",
                            "borderColor": "#f8bd19"
                        },
                        {
                            "id": "label",
                            "type": "text",
                            "text": "Highest footfall 25.5K",
                            "fillcolor": "#6baa01",
                            "rotate": "90",
                            "x": "$dataset.0.set.2.x+75",
                            "y": "$dataset.0.set.2.y-2"
                        }
                    ]
                }
            ]
        },
            "data": [
                {
                    "label": "Mon",
                    "value": "15123"
                },
                {
                    "label": "Tue",
                    "value": "14233"
                },
                {
                    "label": "Wed",
                    "value": "25507"
                },
                {
                    "label": "Thu",
                    "value": "9110"
                },
                {
                    "label": "Fri",
                    "value": "15529"
                },
                {
                    "label": "Sat",
                    "value": "20803"
                },
                {
                    "label": "Sun",
                    "value": "19202"
                }
            ]
        }
        
        # Chart rendering 
        chart = Fusioncharts::Chart.new({
                width: "600",
                height: "400",
                type: "spline",
                renderAt: "chartContainer",
                dataSource: chartData
            })
    end
%>

<h3>Chart Annotation</h3>
<br/>
<div style="width: 100%; display: block;" align="center">
    <div id="chartContainer"><%= getChart.render() %></div>
</div>
<br/>
<br/>
<a href="index">Go Back</a>