File "chart-export.html.erb"

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

<%
    def getChart
        chartData = {
            "chart": {
                "caption": "Salary Hikes by Country",
                "subCaption": "2016 - 2017",
                "showhovereffect": "1",
                "numberSuffix": "%",
                "rotatelabels": "1",
                "exportEnabled": "1",
                "theme": "fusion"
            },
            "categories": [{
                "category": [{
                "label": "Australia"
                }, {
                "label": "New-Zealand"
                }, {
                "label": "India"
                }, {
                "label": "China"
                }, {
                "label": "Myanmar"
                }, {
                "label": "Bangladesh"
                }, {
                "label": "Thailand"
                }, {
                "label": "South Korea"
                }, {
                "label": "Hong Kong"
                }, {
                "label": "Singapore"
                }, {
                "label": "Taiwan"
                }, {
                "label": "Vietnam"
                }]
            }],
            "dataset": [{
                "seriesName": "2016 Actual Salary Increase",
                "plotToolText": "Salaries increased by <b>$dataValue</b> in 2016",
                "data": [{
                "value": "3"
                }, {
                "value": "3"
                }, {
                "value": "10"
                }, {
                "value": "7"
                }, {
                "value": "7.4"
                }, {
                "value": "10"
                }, {
                "value": "5.4"
                }, {
                "value": "4.5"
                }, {
                "value": "4.1"
                }, {
                "value": "4"
                }, {
                "value": "3.7"
                }, {
                "value": "9.3"
                }]
            }, {
                "seriesName": "2017 Projected Salary Increase",
                "plotToolText": "Salaries expected to increase by <b>$dataValue</b> in 2017",
                "renderAs": "line",
                "data": [{
                "value": "3"
                }, {
                "value": "2.8"
                }, {
                "value": "10"
                }, {
                "value": "6.9"
                }, {
                "value": "6.7"
                }, {
                "value": "9.4"
                }, {
                "value": "5.5"
                }, {
                "value": "5"
                }, {
                "value": "4"
                }, {
                "value": "4"
                }, {
                "value": "4.5"
                }, {
                "value": "9.8"
                }]
            }, {
                "seriesName": "Inflation rate",
                "plotToolText": "$dataValue projected inflation",
                "renderAs": "area",
                "showAnchors": "0",
                "data": [{
                "value": "1.6"
                }, {
                "value": "0.6"
                }, {
                "value": "5.6"
                }, {
                "value": "2.3"
                }, {
                "value": "7"
                }, {
                "value": "5.6"
                }, {
                "value": "0.2"
                }, {
                "value": "1"
                }, {
                "value": "2.6"
                }, {
                "value": "0"
                }, {
                "value": "1.1"
                }, {
                "value": "2.4"
                }]
            }]
            }     

        # Chart rendering 
        chart = Fusioncharts::Chart.new({
                width: "700",
                height: "400",
                type: "mscombi3d",
                renderAt: "chartContainer",
                dataSource: chartData
            })
    end
%>

<h3>Export Chart As Image (client-side)</h3>
<div id="chartContainer"></div>
<%= getChart.render() %>
<br/>
<br/>
<a href="index">Go Back</a>