File "mscombi3d-sample.html.erb"
Full Path: /home/analogde/www/php/integrations/rubyonrails/samples/app/views/samples/mscombi3d-sample.html.erb
File size: 3.08 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",
"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>MultiSeries Combination 3D Chart</h3>
<div id="chartContainer"></div>
<%=getChart.render() %>
<br/>
<br/>
<a href="index">Go Back</a>