File "ChartExportByExportHandler.jsp"
Full Path: /home/analogde/www/Design/fileman/Fusion/Picker02/js/integrations/java/samples/WebContent/jsp/ChartExportByExportHandler.jsp
File size: 3.89 KB
MIME-type: text/html
Charset: utf-8
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@page import="java.util.*" %>
<%@page import="fusioncharts.FusionCharts" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>FusionCharts | Export Chart As Image (server-side)</title>
<link href="../Styles/ChartSampleStyleSheet.css" rel="stylesheet" />
<script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<script>
function onRenderComplete() {
console.log("event: render");
}
</script>
</head>
<body>
<h3>Export Chart As Image (server-side)</h3>
<div id="mscombi_3d"></div>
<div><span><a href="../Index.jsp">Go Back</a></span></div>
<%
String jsonData;
jsonData = "{ 'chart': { 'caption': 'Salary Hikes by Country', 'subCaption': '2016 - 2017', 'showhovereffect': '1', 'numberSuffix': '%', 'rotatelabels': '1', 'exportEnabled':'1', 'exportMode': 'server' , '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' }] }] }";
FusionCharts column_chart = new FusionCharts(
"mscombi3d",
"combi_chart",
"700",
"400",
"mscombi_3d",
"json",
jsonData
);
%>
<%=column_chart.render()%>
<%=column_chart.addEvent("renderComplete","onRenderComplete")%>
</body>
</html>