%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@page import="fusioncharts.FusionCharts" %>
FusionCharts | Dynamic Chart Resize
Dynamic Chart Resize
|
|
Click on the left chart to update this one
|
<%
String multiSeriesData = "{ 'chart': { 'caption': 'Sales by Region', 'xaxisname': 'Region', 'yaxisname': 'Total Sales', 'numbersuffix': 'K', 'theme': 'fusion' }, 'data': [{ 'label': 'Europe', 'value': '827508', 'link': 'j-updateChart-Europe' }, { 'label': 'North America', 'value': '342947', 'link': 'j-updateChart-NA' }, { 'label': 'South America', 'value': '183881', 'link': 'j-updateChart-SA' }] }";
String singlesSeriesData = "{ 'chart': { } }";
//Create chart instance
// charttype, chartID, width, height,containerid, data format, data
FusionCharts firstChart = new FusionCharts(
"column2d",
"first_column_chart",
"600",
"300",
"first_chart",
"json",
multiSeriesData
);
FusionCharts secondChart = new FusionCharts(
"column2d",
"second_column_chart",
"600",
"300",
"second_chart",
"json",
singlesSeriesData
);
%>
<%=firstChart.render() %>
<%=secondChart.render() %>