Your IP : 216.73.216.86
pieDonut3D.html 0000644 00000005013 15167735342 0007424 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "United States",
"visits": 9252
},
{
"country": "China",
"visits": 1882
},
{
"country": "Japan",
"visits": 1809
},
{
"country": "Germany",
"visits": 1322
},
{
"country": "United Kingdom",
"visits": 1122
},
{
"country": "France",
"visits": 1114
},
{
"country": "India",
"visits": 984
},
{
"country": "Spain",
"visits": 711
}
];
AmCharts.ready(function () {
// PIE CHART
chart = new AmCharts.AmPieChart();
// title of the chart
chart.addTitle("Visitors countries", 16);
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "visits";
chart.sequencedAnimation = true;
chart.startEffect = "elastic";
chart.innerRadius = "30%";
chart.startDuration = 2;
chart.labelRadius = 15;
chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
// the following two lines makes the chart 3D
chart.depth3D = 10;
chart.angle = 15;
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:600px; height:400px;"></div>
</body>
</html> xyBubbleWithZoom.html 0000644 00000010676 15167735342 0010736 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"y": 10,
"x": 14,
"value": 59,
"y2": -5,
"x2": -3,
"value2": 44
},
{
"y": 5,
"x": 3,
"value": 50,
"y2": -15,
"x2": -8,
"value2": 12
},
{
"y": -10,
"x": -3,
"value": 19,
"y2": -4,
"x2": 6,
"value2": 35
},
{
"y": -6,
"x": 5,
"value": 65,
"y2": -5,
"x2": -6,
"value2": 168
},
{
"y": 15,
"x": -4,
"value": 92,
"y2": -10,
"x2": -8,
"value2": 102
},
{
"y": 13,
"x": 1,
"value": 8,
"y2": -2,
"x2": -3,
"value2": 41
},
{
"y": 1,
"x": 6,
"value": 35,
"y2": 0,
"x2": -3,
"value2": 16
}
];
AmCharts.ready(function () {
// XY Chart
chart = new AmCharts.AmXYChart();
chart.dataProvider = chartData;
chart.startDuration = 1.5;
// AXES
// X
var xAxis = new AmCharts.ValueAxis();
xAxis.position = "bottom";
xAxis.axisAlpha = 0;
xAxis.minMaxMultiplayer = 1.2;
chart.addValueAxis(xAxis);
// Y
var yAxis = new AmCharts.ValueAxis();
yAxis.position = "left";
yAxis.minMaxMultiplier = 1.2;
yAxis.axisAlpha = 0;
chart.addValueAxis(yAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.lineColor = "#b0de09";
graph.xField = "x";
graph.yField = "y";
graph.lineAlpha = 0;
graph.bullet = "bubble";
graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.valueField = "value2";
graph.lineColor = "#fcd202";
graph.xField = "x2";
graph.yField = "y2";
graph.lineAlpha = 0;
graph.bullet = "bubble";
graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.valueLineBalloonEnabled = true;
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.scrollbarHeight = 5;
chartScrollbar.offset = 15
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> barAndLineMix.html 0000644 00000007757 15167735342 0010144 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2005,
"income": 23.5,
"expenses": 18.1
},
{
"year": 2006,
"income": 26.2,
"expenses": 22.8
},
{
"year": 2007,
"income": 30.1,
"expenses": 23.9
},
{
"year": 2008,
"income": 29.5,
"expenses": 25.1
},
{
"year": 2009,
"income": 24.6,
"expenses": 25
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.startDuration = 1;
chart.rotate = true;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.axisColor = "#DADADA";
categoryAxis.dashLength = 3;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 3;
valueAxis.axisAlpha = 0.2;
valueAxis.position = "top";
valueAxis.title = "Million USD";
valueAxis.minorGridEnabled = true;
valueAxis.minorGridAlpha = 0.08;
valueAxis.gridAlpha = 0.15;
chart.addValueAxis(valueAxis);
// GRAPHS
// column graph
var graph1 = new AmCharts.AmGraph();
graph1.type = "column";
graph1.title = "Income";
graph1.valueField = "income";
graph1.lineAlpha = 0;
graph1.fillColors = "#ADD981";
graph1.fillAlphas = 0.8;
graph1.balloonText = "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>";
chart.addGraph(graph1);
// line graph
var graph2 = new AmCharts.AmGraph();
graph2.type = "line";
graph2.lineColor = "#27c5ff";
graph2.bulletColor = "#FFFFFF";
graph2.bulletBorderColor = "#27c5ff";
graph2.bulletBorderThickness = 2;
graph2.bulletBorderAlpha = 1;
graph2.title = "Expenses";
graph2.valueField = "expenses";
graph2.lineThickness = 2;
graph2.bullet = "round";
graph2.fillAlphas = 0;
graph2.balloonText = "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>";
chart.addGraph(graph2);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.useGraphSettings = true;
chart.addLegend(legend);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 500px; height: 600px;"></div>
</body>
</html> pyramidChart3D.html 0000644 00000004517 15167735342 0010274 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/funnel.js" type="text/javascript"></script>
<script>
var chart;
var data = [
{
"title": "Website visits",
"value": 200
},
{
"title": "Downloads",
"value": 123
},
{
"title": "Requested price list",
"value": 98
},
{
"title": "Contaced for more info",
"value": 72
},
{
"title": "Purchased",
"value": 65
},
{
"title": "Contacted for support",
"value": 45
},
{
"title": "Purchased additional products",
"value": 36
}
];
AmCharts.ready(function () {
chart = new AmCharts.AmFunnelChart();
chart.rotate = true;
chart.titleField = "title";
chart.balloon.fixedPosition = true;
chart.marginRight = 210;
chart.marginLeft = 15;
chart.labelPosition = "right";
chart.funnelAlpha = 0.9;
chart.valueField = "value";
chart.startX = -500;
chart.dataProvider = data;
chart.startAlpha = 0;
chart.depth3D = 100;
chart.angle = 30;
chart.outlineAlpha = 1;
chart.outlineThickness = 2;
chart.outlineColor = "#FFFFFF";
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 700px; height: 500px;"></div>
</body>
</html> columnStacked.html 0000644 00000015226 15167735342 0010251 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": "2003",
"europe": 2.5,
"namerica": 2.5,
"asia": 2.1,
"lamerica": 0.3,
"meast": 0.2,
"africa": 0.1
},
{
"year": "2004",
"europe": 2.6,
"namerica": 2.7,
"asia": 2.2,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
},
{
"year": "2005",
"europe": 2.8,
"namerica": 2.9,
"asia": 2.4,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.plotAreaBorderAlpha = 0.2;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "regular";
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.title = "Europe";
graph.labelText = "[[value]]";
graph.valueField = "europe";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#C72C95";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "North America";
graph.labelText = "[[value]]";
graph.valueField = "namerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#D8E0BD";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.title = "Asia-Pacific";
graph.labelText = "[[value]]";
graph.valueField = "asia";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B3DBD4";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// fourth graph
graph = new AmCharts.AmGraph();
graph.title = "Latin America";
graph.labelText = "[[value]]";
graph.valueField = "lamerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#69A55C";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// fifth graph
graph = new AmCharts.AmGraph();
graph.title = "Middle-East";
graph.labelText = "[[value]]";
graph.valueField = "meast";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B5B8D3";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// sixth graph
graph = new AmCharts.AmGraph();
graph.title = "Africa";
graph.labelText = "[[value]]";
graph.valueField = "africa";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#F4E23B";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span class='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.borderAlpha = 0.2;
legend.horizontalGap = 10;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
// this method sets chart 2D/3D
function setDepth() {
if (document.getElementById("rb1").checked) {
chart.depth3D = 0;
chart.angle = 0;
} else {
chart.depth3D = 25;
chart.angle = 30;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
<div style="margin-left:30px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setDepth()">2D
<input type="radio" name="group" id="rb2" onclick="setDepth()">3D
</div>
</body>
</html> xyError.html 0000644 00000006665 15167735342 0007136 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [{
"x": 10,
"y": 14,
"errorX": 3,
"errorY": 4
}, {
"x": 5,
"y": 3,
"errorX": 1.52,
"errorY": 6.8
}, {
"x": -10,
"y": 3,
"errorX": 0.8,
"errorY": 3.5
}, {
"x": -6,
"y": 5,
"errorX": 1.2,
"errorY": 4.2
}, {
"x": 11,
"y": -4,
"errorX": 2.4,
"errorY": 3.9
}, {
"x": 13,
"y": 1,
"errorX": 1.5,
"errorY": 3.3
}, {
"x": 1,
"y": 6,
"errorX": 2,
"errorY": 3.3
}];
AmCharts.ready(function() {
// XY Chart
chart = new AmCharts.AmXYChart();
chart.dataProvider = chartData;
// AXES
// X
var xAxis = new AmCharts.ValueAxis();
xAxis.title = "X Axis";
xAxis.position = "bottom";
xAxis.autoGridCount = true;
chart.addValueAxis(xAxis);
// Y
var yAxis = new AmCharts.ValueAxis();
yAxis.title = "Y Axis";
yAxis.position = "left";
yAxis.autoGridCount = true;
yAxis.minMaxMultiplier = 1.2;
chart.addValueAxis(yAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.errorField = "errorX"; // valueField responsible for the size of a bullet
graph.xField = "x";
graph.yField = "y";
graph.lineAlpha = 0;
graph.bulletAxis = xAxis;
graph.bullet = "xError";
graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>x error:<b>[[errorX]]</b><br>y error:<b>[[errorY]]</b>";
chart.addGraph(graph);
// GRAPH
graph = new AmCharts.AmGraph();
graph.errorField = "errorY"; // valueField responsible for the size of a bullet
graph.xField = "x";
graph.yField = "y";
graph.lineAlpha = 0;
graph.bulletAxis = yAxis;
graph.bullet = "yError";
graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>x error:<b>[[errorX]]</b><br>y error:<b>[[errorY]]</b>";
chart.addGraph(graph);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> lineWithMultipleValueAxes.html 0000644 00000015772 15167735342 0012600 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [];
AmCharts.ready(function () {
// generate some random data first
generateChartData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
// listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens
chart.addListener("dataUpdated", zoomChart);
chart.synchronizeGrid = true; // this makes all axes grid to be at the same intervals
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.minorGridEnabled = true;
categoryAxis.axisColor = "#DADADA";
categoryAxis.twoLineMode = true;
categoryAxis.dateFormats = [{
period: 'fff',
format: 'JJ:NN:SS'
}, {
period: 'ss',
format: 'JJ:NN:SS'
}, {
period: 'mm',
format: 'JJ:NN'
}, {
period: 'hh',
format: 'JJ:NN'
}, {
period: 'DD',
format: 'DD'
}, {
period: 'WW',
format: 'DD'
}, {
period: 'MM',
format: 'MMM'
}, {
period: 'YYYY',
format: 'YYYY'
}];
// first value axis (on the left)
var valueAxis1 = new AmCharts.ValueAxis();
valueAxis1.axisColor = "#FF6600";
valueAxis1.axisThickness = 2;
chart.addValueAxis(valueAxis1);
// second value axis (on the right)
var valueAxis2 = new AmCharts.ValueAxis();
valueAxis2.position = "right"; // this line makes the axis to appear on the right
valueAxis2.axisColor = "#FCD202";
valueAxis2.gridAlpha = 0;
valueAxis2.axisThickness = 2;
chart.addValueAxis(valueAxis2);
// third value axis (on the left, detached)
var valueAxis3 = new AmCharts.ValueAxis();
valueAxis3.offset = 50; // this line makes the axis to appear detached from plot area
valueAxis3.gridAlpha = 0;
valueAxis3.axisColor = "#B0DE09";
valueAxis3.axisThickness = 2;
chart.addValueAxis(valueAxis3);
// GRAPHS
// first graph
var graph1 = new AmCharts.AmGraph();
graph1.valueAxis = valueAxis1; // we have to indicate which value axis should be used
graph1.title = "red line";
graph1.valueField = "visits";
graph1.bullet = "round";
graph1.hideBulletsCount = 30;
graph1.bulletBorderThickness = 1;
chart.addGraph(graph1);
// second graph
var graph2 = new AmCharts.AmGraph();
graph2.valueAxis = valueAxis2; // we have to indicate which value axis should be used
graph2.title = "yellow line";
graph2.valueField = "hits";
graph2.bullet = "square";
graph2.hideBulletsCount = 30;
graph2.bulletBorderThickness = 1;
chart.addGraph(graph2);
// third graph
var graph3 = new AmCharts.AmGraph();
graph3.valueAxis = valueAxis3; // we have to indicate which value axis should be used
graph3.valueField = "views";
graph3.title = "green line";
graph3.bullet = "triangleUp";
graph3.hideBulletsCount = 30;
graph3.bulletBorderThickness = 1;
chart.addGraph(graph3);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0.1;
chartCursor.fullWidth = true;
chartCursor.valueLineBalloonEnabled = true;
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.marginLeft = 110;
legend.useGraphSettings = true;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
// generate some random data, quite different range
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 50);
for (var i = 0; i < 50; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 40) + 100;
var hits = Math.round(Math.random() * 80) + 500;
var views = Math.round(Math.random() * 6000);
chartData.push({
date: newDate,
visits: visits,
hits: hits,
views: views
});
}
}
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(10, 20);
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> xyDateBased.html 0000644 00000012557 15167735342 0007656 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"date": "2015-01-01",
"ay": 0.5,
"by": 2.2
},
{
"date": "2015-01-02",
"ay": 1.3,
"by": 4.9
},
{
"date": "2015-01-03",
"ay": 2.3,
"by": 5.1
},
{
"date": "2015-01-04",
"ay": 2.8,
"by": 5.3
},
{
"date": "2015-01-05",
"ay": 3.5,
"by": 6.1
},
{
"date": "2015-01-06",
"ay": 5.1,
"by": 8.3
},
{
"date": "2015-01-07",
"ay": 6.7,
"by": 10.5
},
{
"date": "2015-01-08",
"ay": 8,
"by": 12.3
},
{
"date": "2015-01-09",
"ay": 8.9,
"by": 14.5
},
{
"date": "2015-01-10",
"ay": 9.7,
"by": 15
},
{
"date": "2015-01-11",
"ay": 10.4,
"by": 18.8
},
{
"date": "2015-01-12",
"ay": 11.7,
"by": 19
}
];
AmCharts.ready(function () {
// XY CHART
chart = new AmCharts.AmXYChart();
chart.dataDateFormat = "YYYY-MM-DD";
chart.dataProvider = chartData;
chart.startDuration = 1;
// AXES
// X
var xAxis = new AmCharts.ValueAxis();
xAxis.title = "X Axis";
xAxis.position = "bottom";
xAxis.dashLength = 1;
xAxis.axisAlpha = 0;
xAxis.type = "date";
xAxis.autoGridCount = true;
chart.addValueAxis(xAxis);
// Y
var yAxis = new AmCharts.ValueAxis();
yAxis.position = "left";
yAxis.title = "Y Axis";
yAxis.dashLength = 1;
yAxis.axisAlpha = 0;
yAxis.autoGridCount = true;
chart.addValueAxis(yAxis);
// GRAPHS
// triangles up
var graph1 = new AmCharts.AmGraph();
graph1.lineColor = "#FF6600";
graph1.balloonText = "x:[[x]] y:[[y]]";
graph1.xField = "date";
graph1.yField = "ay";
graph1.lineAlpha = 1;
graph1.type = "smoothedLine";
graph1.bullet = "triangleUp";
chart.addGraph(graph1);
// triangles down
var graph2 = new AmCharts.AmGraph();
graph2.lineColor = "#FCD202";
graph2.balloonText = "x:[[x]] y:[[y]]";
graph2.xField = "date";
graph2.yField = "by";
graph2.lineAlpha = 1;
graph2.type = "smoothedLine";
graph2.bullet = "triangleDown";
chart.addGraph(graph2);
// first trend line
var trendLine = new AmCharts.TrendLine();
trendLine.lineColor = "#FF6600";
trendLine.initialXValue = 1;
trendLine.initialValue = 2;
trendLine.finalXValue = 12;
trendLine.finalValue = 11;
chart.addTrendLine(trendLine);
// second trend line
trendLine = new AmCharts.TrendLine();
trendLine.lineColor = "#FCD202";
trendLine.initialXValue = 1;
trendLine.initialValue = 1;
trendLine.finalXValue = 12;
trendLine.finalValue = 19;
chart.addTrendLine(trendLine);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> pyramidChart.html 0000644 00000004176 15167735342 0010106 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/funnel.js" type="text/javascript"></script>
<script>
var chart;
var data = [
{
"title": "Website visits",
"value": 300
},
{
"title": "Downloads",
"value": 123
},
{
"title": "Requested price list",
"value": 98
},
{
"title": "Contaced for more info",
"value": 72
},
{
"title": "Purchased",
"value": 35
},
{
"title": "Contacted for support",
"value": 15
},
{
"title": "Purchased additional products",
"value": 8
}
];
AmCharts.ready(function () {
chart = new AmCharts.AmFunnelChart();
chart.rotate = true;
chart.titleField = "title";
chart.balloon.fixedPosition = true;
chart.marginRight = 210;
chart.marginLeft = 15;
chart.labelPosition = "right";
chart.funnelAlpha = 0.9;
chart.valueField = "value";
chart.startX = -500;
chart.dataProvider = data;
chart.startAlpha = 0;
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 500px; height: 300px;"></div>
</body>
</html> _JSON_usingDifferentLanguage.html 0000644 00000010413 15167735342 0013056 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/lang/de.js" type="text/javascript"></script>
<script>
var chartData = [];
generateChartData();
var chart = AmCharts.makeChart("chartdiv", {
type: "serial",
// setting language to German
language: "de",
dataProvider: chartData,
categoryField: "date",
categoryAxis: {
parseDates: true,
gridAlpha: 0.15,
minorGridEnabled: true,
axisColor: "#DADADA"
},
valueAxes: [{
axisAlpha: 0.2,
id: "v1"
}],
graphs: [{
title: "red line",
id: "g1",
valueAxis: "v1",
valueField: "visits",
bullet: "round",
bulletBorderColor: "#FFFFFF",
bulletBorderAlpha: 1,
lineThickness: 2,
lineColor: "#b5030d",
negativeLineColor: "#0352b5",
hideBulletsCount:30,
balloonText: "[[category]]<br><b><span style='font-size:14px;'>value: [[value]]</span></b>"
}],
chartCursor: {
fullWidth:true,
cursorAlpha:0.1
},
chartScrollbar: {
scrollbarHeight: 40,
color: "#FFFFFF",
autoGridCount: true,
graph: "g1"
}
});
chart.addListener("dataUpdated", zoomChart);
// generate some random data, quite different range
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 500);
for (var i = 0; i < 500; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 40) - 20;
chartData.push({
date: newDate,
visits: visits
});
}
}
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}
// changes cursor mode from pan to select
function setPanSelect() {
var chartCursor = chart.chartCursor;
if (document.getElementById("rb1").checked) {
chartCursor.pan = false;
chartCursor.zoomable = true;
} else {
chartCursor.pan = true;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<div style="margin-left:35px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setPanSelect()">Select
<input type="radio" name="group" id="rb2" onclick="setPanSelect()">Pan
</div>
</body>
</html> pieSimple.html 0000644 00000003406 15167735342 0007401 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
var chart;
var legend;
var chartData = [{
country: "Czech Republic",
litres: 301.90
}, {
country: "Ireland",
litres: 201.10
}, {
country: "Germany",
litres: 165.80
}, {
country: "Australia",
litres: 139.90
}, {
country: "Austria",
litres: 128.30
}, {
country: "UK",
litres: 99.00
}, {
country: "Belgium",
litres: 60.00
}];
AmCharts.ready(function () {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "litres";
chart.outlineColor = "#FFFFFF";
chart.outlineAlpha = 0.8;
chart.outlineThickness = 2;
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> lineWithDurationOnValueAxis.html 0000644 00000017307 15167735342 0013067 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chartData = [
{
"date": "2012-01-01",
"distance": 227,
"duration": 408
},
{
"date": "2012-01-02",
"distance": 371,
"duration": 482
},
{
"date": "2012-01-03",
"distance": 433,
"duration": 562
},
{
"date": "2012-01-04",
"distance": 345,
"duration": 379
},
{
"date": "2012-01-05",
"distance": 480,
"duration": 501
},
{
"date": "2012-01-06",
"distance": 386,
"duration": 443
},
{
"date": "2012-01-07",
"distance": 348,
"duration": 405
},
{
"date": "2012-01-08",
"distance": 238,
"duration": 309
},
{
"date": "2012-01-09",
"distance": 218,
"duration": 287
},
{
"date": "2012-01-10",
"distance": 349,
"duration": 485
},
{
"date": "2012-01-11",
"distance": 603,
"duration": 890
},
{
"date": "2012-01-12",
"distance": 534,
"duration": 810
}
];
var chart;
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
chart.marginTop = 0;
// AXES
// category axis
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.autoGridCount = false;
categoryAxis.gridCount = 50;
categoryAxis.gridAlpha = 0;
categoryAxis.gridColor = "#000000";
categoryAxis.axisColor = "#555555";
// we want custom date formatting, so we change it in next line
categoryAxis.dateFormats = [{
period: 'DD',
format: 'DD'
}, {
period: 'WW',
format: 'MMM DD'
}, {
period: 'MM',
format: 'MMM'
}, {
period: 'YYYY',
format: 'YYYY'
}];
// as we have data of different units, we create two different value axes
// Duration value axis
var durationAxis = new AmCharts.ValueAxis();
durationAxis.title = "duration";
durationAxis.gridAlpha = 0.05;
durationAxis.axisAlpha = 0;
durationAxis.tickLength = 0;
durationAxis.inside = true;
// the following line makes this value axis to convert values to duration
// it tells the axis what duration unit it should use. mm - minute, hh - hour...
durationAxis.duration = "mm";
durationAxis.durationUnits = {
DD: "d. ",
hh: "h ",
mm: "min",
ss: ""
};
chart.addValueAxis(durationAxis);
// Distance value axis
var distanceAxis = new AmCharts.ValueAxis();
distanceAxis.title = "distance";
distanceAxis.gridAlpha = 0;
distanceAxis.position = "right";
distanceAxis.inside = true;
distanceAxis.unit = "mi";
distanceAxis.axisAlpha = 0;
distanceAxis.tickLength = 0;
chart.addValueAxis(distanceAxis);
// GRAPHS
// duration graph
var durationGraph = new AmCharts.AmGraph();
durationGraph.title = "duration";
durationGraph.valueField = "duration";
durationGraph.type = "line";
durationGraph.valueAxis = durationAxis; // indicate which axis should be used
durationGraph.lineColor = "#CC0000";
durationGraph.balloonText = "[[value]]";
durationGraph.lineThickness = 1;
durationGraph.legendValueText = "[[value]]";
durationGraph.bullet = "square";
durationGraph.bulletBorderColor = "#CC0000";
durationGraph.bulletBorderAlpha = 1;
durationGraph.bulletBorderThickness = 1;
chart.addGraph(durationGraph);
// distance graph
var distanceGraph = new AmCharts.AmGraph();
distanceGraph.valueField = "distance";
distanceGraph.title = "distance";
distanceGraph.type = "column";
distanceGraph.fillAlphas = 0.1;
distanceGraph.valueAxis = distanceAxis; // indicate which axis should be used
distanceGraph.balloonText = "[[value]] miles";
distanceGraph.legendValueText = "[[value]] mi";
distanceGraph.legendPeriodValueText = "total: [[value.sum]] mi";
distanceGraph.lineColor = "#000000";
distanceGraph.lineAlpha = 0;
chart.addGraph(distanceGraph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.zoomable = false;
chartCursor.categoryBalloonDateFormat = "DD";
chartCursor.cursorAlpha = 0;
chartCursor.valueLineEnabled = true;
chartCursor.valueLineBalloonEnabled = true;
chartCursor.valueLineAxis = distanceAxis;
chart.addChartCursor(chartCursor);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.bulletType = "round";
legend.equalWidths = false;
legend.valueWidth = 120;
legend.color = "#000000";
legend.useGraphSettings = true;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> barWithBackgroundImage.html 0000644 00000010162 15167735342 0012012 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "Czech Republic",
"litres": 156.9,
"short": "CZ"
},
{
"country": "Ireland",
"litres": 131.1,
"short": "IR"
},
{
"country": "Germany",
"litres": 115.8,
"short": "DE"
},
{
"country": "Australia",
"litres": 109.9,
"short": "AU"
},
{
"country": "Austria",
"litres": 108.3,
"short": "AT"
},
{
"country": "UK",
"litres": 99,
"short": "UK"
},
{
"country": "Belgium",
"litres": 93,
"short": "BE"
}
];
AmCharts.ready(function () {
// SERIAL CHART
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.rotate = true;
chart.color = "#FFFFFF";
chart.handDrawn = true;
chart.handDrawScatter = 4;
// this line makes the chart to show image in the background
chart.backgroundImage = "images/bg.jpg";
// sometimes we need to set margins manually
// autoMargins should be set to false in order chart to use custom margin values
chart.autoMargins = false;
chart.marginTop = 100;
chart.marginLeft = 50;
chart.marginRight = 30;
chart.startDuration = 2;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.labelsEnabled = false;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.labelsEnabled = false;
valueAxis.minimum = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.balloonText = "[[category]]: [[value]]";
graph.valueField = "litres";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 0.5;
// you can pass any number of colors in array to create more fancy gradients
graph.fillColors = ["#000000", "#FF6600"];
graph.gradientOrientation = "horizontal";
graph.labelPosition = "inside";
graph.labelText = "[[category]]: [[value]] Litres";
graph.balloonText = "[[category]]: [[value]] Litres";
chart.addGraph(graph);
// LABEL
chart.addLabel(50, 40, "Beer Consumption by country", "left", 15, "#000000", 0, 1, true);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 520px; height: 400px;"></div>
</body>
</html> _JSON_areaStacked.html 0000644 00000015204 15167735342 0010650 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// this chart is exactly the same as in areaStacked.html, only made using JSON except JavaScript API
var chartData = [{
"year": 2000,
"cars": 1587,
"motorcycles": 650,
"bicycles": 121
}, {
"year": 1995,
"cars": 1567,
"motorcycles": 683,
"bicycles": 146
}, {
"year": 1996,
"cars": 1617,
"motorcycles": 691,
"bicycles": 138
}, {
"year": 1997,
"cars": 1630,
"motorcycles": 642,
"bicycles": 127
}, {
"year": 1998,
"cars": 1660,
"motorcycles": 699,
"bicycles": 105
}, {
"year": 1999,
"cars": 1683,
"motorcycles": 721,
"bicycles": 109
}, {
"year": 2000,
"cars": 1691,
"motorcycles": 737,
"bicycles": 112
}, {
"year": 2001,
"cars": 1298,
"motorcycles": 680,
"bicycles": 101
}, {
"year": 2002,
"cars": 1275,
"motorcycles": 664,
"bicycles": 97
}, {
"year": 2003,
"cars": 1246,
"motorcycles": 648,
"bicycles": 93
}, {
"year": 2004,
"cars": 1218,
"motorcycles": 637,
"bicycles": 101
}, {
"year": 2005,
"cars": 1213,
"motorcycles": 633,
"bicycles": 87
}, {
"year": 2006,
"cars": 1199,
"motorcycles": 621,
"bicycles": 79
}, {
"year": 2007,
"cars": 1110,
"motorcycles": 210,
"bicycles": 81
}, {
"year": 2008,
"cars": 1165,
"motorcycles": 232,
"bicycles": 75
}, {
"year": 2009,
"cars": 1145,
"motorcycles": 219,
"bicycles": 88
}, {
"year": 2010,
"cars": 1163,
"motorcycles": 201,
"bicycles": 82
}, {
"year": 2011,
"cars": 1180,
"motorcycles": 285,
"bicycles": 87
}, {
"year": 2012,
"cars": 1159,
"motorcycles": 277,
"bicycles": 71
}];
AmCharts.makeChart("chartdiv", {
type: "serial",
dataProvider: chartData,
marginTop: 10,
categoryField: "year",
categoryAxis: {
gridAlpha: 0.07,
axisColor: "#DADADA",
startOnAxis: true,
guides: [{
category: "2001",
lineColor: "#CC0000",
lineAlpha: 1,
dashLength: 2,
inside: true,
labelRotation: 90,
label: "fines for speeding increased"
}, {
category: "2007",
lineColor: "#CC0000",
lineAlpha: 1,
dashLength: 2,
inside: true,
labelRotation: 90,
label: "motorcycle maintenance fee introduced"
}]
},
valueAxes: [{
stackType: "regular",
gridAlpha: 0.07,
title: "Traffic incidents"
}],
graphs: [{
type: "line",
title: "Cars",
hidden: true,
valueField: "cars",
lineAlpha: 0,
fillAlphas: 0.6,
balloonText: "<img src='images/car.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>"
}, {
type: "line",
title: "Motorcycles",
valueField: "motorcycles",
lineAlpha: 0,
fillAlphas: 0.6,
balloonText: "<img src='images/motorcycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>"
}, {
type: "line",
title: "Bicycles",
valueField: "bicycles",
lineAlpha: 0,
fillAlphas: 0.6,
balloonText: "<img src='images/bicycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>"
}],
legend: {
position: "bottom",
valueText: "[[value]]",
valueWidth: 100,
valueAlign: "left",
equalWidths: false,
periodValueText: "total: [[value.sum]]"
},
chartCursor: {
cursorAlpha: 0
},
chartScrollbar: {
color: "FFFFFF"
}
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> pieWithPatterns.html 0000644 00000006543 15167735342 0010611 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [{
"country": "Czech Republic",
"litres": 301.9,
"pattern": {
"url": "patterns/black/pattern1.png",
"width": 4,
"height": 4,
"color": "#cc0000"
}
}, {
"country": "Ireland",
"litres": 201.1,
"pattern": {
"url": "patterns/black/pattern2.png",
"width": 4,
"height": 4
}
}, {
"country": "Germany",
"litres": 165.8,
"pattern": {
"url": "patterns/black/pattern3.png",
"width": 4,
"height": 4
}
}, {
"country": "Australia",
"litres": 139.9,
"pattern": {
"url": "patterns/black/pattern4.png",
"width": 4,
"height": 4
}
}, {
"country": "Austria",
"litres": 128.3,
"pattern": {
"url": "patterns/black/pattern5.png",
"width": 4,
"height": 4
}
}, {
"country": "UK",
"litres": 99,
"pattern": {
"url": "patterns/black/pattern6.png",
"width": 4,
"height": 4
}
}, {
"country": "Belgium",
"litres": 60,
"pattern": {
"url": "patterns/black/pattern7.png",
"width": 4,
"height": 4
}
}];
AmCharts.ready(function() {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "litres";
chart.patternField = "pattern";
chart.outlineColor = "#000000";
chart.outlineAlpha = 0.6;
chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
var legend = new AmCharts.AmLegend();
legend.markerBorderColor = "#000000";
legend.switchType = undefined;
legend.align = "center";
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> columnWithImages.html 0000644 00000007052 15167735342 0010732 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// note, each data item has "bullet" field.
var columnChartData = [
{
"name": "John",
"points": 35654,
"color": "#7F8DA9",
"bullet": "images/0.gif"
},
{
"name": "Damon",
"points": 65456,
"color": "#FEC514",
"bullet": "images/1.gif"
},
{
"name": "Patrick",
"points": 45724,
"color": "#DB4C3C",
"bullet": "images/2.gif"
},
{
"name": "Mark",
"points": 13654,
"color": "#DAF0FD",
"bullet": "images/3.gif"
}
];
AmCharts.ready(function () {
// SERIAL CHART
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = columnChartData;
chart.categoryField = "name";
chart.startDuration = 1;
// sometimes we need to set margins manually
// autoMargins should be set to false in order chart to use custom margin values
chart.autoMargins = false;
chart.marginRight = 0;
chart.marginLeft = 0;
chart.marginBottom = 0;
chart.marginTop = 0;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.inside = true;
categoryAxis.axisAlpha = 0;
categoryAxis.gridAlpha = 0;
categoryAxis.tickLength = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.minimum = 0;
valueAxis.axisAlpha = 0;
valueAxis.maximum = 80000;
valueAxis.dashLength = 4;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "points";
graph.customBulletField = "bullet"; // field of the bullet in data provider
graph.bulletOffset = 16; // distance from the top of the column to the bullet
graph.colorField = "color";
graph.bulletSize = 34; // bullet image should be rectangle (width = height)
graph.type = "column";
graph.fillAlphas = 0.8;
graph.cornerRadiusTop = 8;
graph.lineAlpha = 0;
graph.balloonText = "<span style='font-size:13px;'>[[category]]: <b>[[value]]</b></span>";
chart.addGraph(graph);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 520px; height: 400px;"></div>
</body>
</html> barClustered.html 0000644 00000007044 15167735342 0010073 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2005,
"income": 23.5,
"expenses": 18.1
},
{
"year": 2006,
"income": 26.2,
"expenses": 22.8
},
{
"year": 2007,
"income": 30.1,
"expenses": 23.9
},
{
"year": 2008,
"income": 29.5,
"expenses": 25.1
},
{
"year": 2009,
"income": 24.6,
"expenses": 25
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.startDuration = 1;
chart.plotAreaBorderColor = "#DADADA";
chart.plotAreaBorderAlpha = 1;
// this single line makes the chart a bar chart
chart.rotate = true;
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0.1;
valueAxis.position = "top";
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph1 = new AmCharts.AmGraph();
graph1.type = "column";
graph1.title = "Income";
graph1.valueField = "income";
graph1.balloonText = "Income:[[value]]";
graph1.lineAlpha = 0;
graph1.fillColors = "#ADD981";
graph1.fillAlphas = 1;
chart.addGraph(graph1);
// second graph
var graph2 = new AmCharts.AmGraph();
graph2.type = "column";
graph2.title = "Expenses";
graph2.valueField = "expenses";
graph2.balloonText = "Expenses:[[value]]";
graph2.lineAlpha = 0;
graph2.fillColors = "#81acd9";
graph2.fillAlphas = 1;
chart.addGraph(graph2);
// LEGEND
var legend = new AmCharts.AmLegend();
chart.addLegend(legend);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:50%; height:600px;"></div>
</body>
</html> column100PercentStacked.html 0000644 00000016163 15167735342 0012014 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": "2003",
"europe": 2.5,
"namerica": 2.5,
"asia": 2.1,
"lamerica": 0.3,
"meast": 0.2,
"africa": 0.1
},
{
"year": "2004",
"europe": 2.6,
"namerica": 2.7,
"asia": 2.2,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
},
{
"year": "2005",
"europe": 2.8,
"namerica": 2.9,
"asia": 2.4,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
// sometimes we need to set margins manually
// autoMargins should be set to false in order chart to use custom margin values
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 30;
chart.marginBottom = 40;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "100%"; // this line makes the chart 100% stacked
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.labelsEnabled = false;
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.title = "Europe";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "europe";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#C72C95";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "North America";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "namerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#D8E0BD";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.title = "Asia-Pacific";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "asia";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B3DBD4";
chart.addGraph(graph);
// fourth graph
graph = new AmCharts.AmGraph();
graph.title = "Latin America";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "lamerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#69A55C";
chart.addGraph(graph);
// fifth graph
graph = new AmCharts.AmGraph();
graph.title = "Middle-East";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "meast";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B5B8D3";
chart.addGraph(graph);
// sixth graph
graph = new AmCharts.AmGraph();
graph.title = "Africa";
graph.labelText = "[[percents]]%";
graph.balloonText = "[[title]], [[category]]<br><span style='font-size:14px;'><b>[[value]]</b> ([[percents]]%)</span>";
graph.valueField = "africa";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#F4E23B";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.borderAlpha = 0.2;
legend.horizontalGap = 10;
legend.autoMargins = false;
legend.marginLeft = 20;
legend.marginRight = 20;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
// this method makes chart 2D/3D
function setDepth() {
if (document.getElementById("rb1").checked) {
chart.depth3D = 0;
chart.angle = 0;
} else {
chart.depth3D = 25;
chart.angle = 30;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
<div id="chartdiv" style="margin-left:15px; margin-top:10px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setDepth()">2D
<input type="radio" name="group" id="rb2" onclick="setDepth()">3D</div>
</body>
</html> barFloating.html 0000644 00000005360 15167735342 0007703 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"name": "John",
"startTime": 8,
"endTime": 11,
"color": "#FF0F00"
},
{
"name": "Joe",
"startTime": 10,
"endTime": 13,
"color": "#FF9E01"
},
{
"name": "Susan",
"startTime": 11,
"endTime": 18,
"color": "#F8FF01"
},
{
"name": "Eaton",
"startTime": 15,
"endTime": 19,
"color": "#04D215"
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "name";
chart.rotate = true;
chart.columnWidth = 0.9;
chart.startDuration = 1;
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "endTime";
graph.openField = "startTime";
graph.type = "column";
graph.lineAlpha = 0;
graph.colorField = "color";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> areaWithTimeBasedData.html 0000644 00000010126 15167735342 0011563 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [];
AmCharts.ready(function () {
// first we generate some random data
generateChartData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
// data updated event will be fired when chart is first displayed,
// also when data will be updated. We'll use it to set some
// initial zoom
chart.addListener("dataUpdated", zoomChart);
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // in order char to understand dates, we should set parseDates to true
categoryAxis.minPeriod = "mm"; // as we have data with minute interval, we have to set "mm" here.
categoryAxis.gridAlpha = 0.07;
categoryAxis.axisColor = "#DADADA";
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0.07;
valueAxis.title = "Unique visitors";
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.type = "line"; // try to change it to "column"
graph.title = "red line";
graph.valueField = "visits";
graph.lineAlpha = 1;
graph.lineColor = "#d1cf2a";
graph.fillAlphas = 0.3; // setting fillAlphas to > 0 value makes it area graph
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "JJ:NN, DD MMMM";
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
// generate some random data, quite different range
function generateChartData() {
// current date
var firstDate = new Date();
// now set 1000 minutes back
firstDate.setMinutes(firstDate.getDate() - 1000);
// and generate 1000 data items
for (var i = 0; i < 1000; i++) {
var newDate = new Date(firstDate);
// each time we add one minute
newDate.setMinutes(newDate.getMinutes() + i);
// some random number
var visits = Math.round(Math.random() * 40) + 10;
// add data item to the array
chartData.push({
date: newDate,
visits: visits
});
}
}
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> fillBetweenTwoLines.html 0000644 00000014325 15167735342 0011401 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// since v3, chart can accept data in JSON format
// if your category axis parses dates, you should only
// set date format of your data (dataDateFormat property of AmSerialChart)
var chartData = [
{
"date": "2009-10-02",
"value": 5
},
{
"date": "2009-10-03",
"value": 15
},
{
"date": "2009-10-04",
"value": 13
},
{
"date": "2009-10-05",
"value": 17
},
{
"date": "2009-10-06",
"value": 15
},
{
"date": "2009-10-09",
"value": 19
},
{
"date": "2009-10-10",
"value": 21
},
{
"date": "2009-10-11",
"value": 20
},
{
"date": "2009-10-12",
"value": 20
},
{
"date": "2009-10-13",
"value": 19
},
{
"date": "2009-10-16",
"value": 25
},
{
"date": "2009-10-17",
"value": 24
},
{
"date": "2009-10-18",
"value": 26
},
{
"date": "2009-10-19",
"value": 27
},
{
"date": "2009-10-20",
"value": 25
},
{
"date": "2009-10-23",
"value": 29
},
{
"date": "2009-10-24",
"value": 28
},
{
"date": "2009-10-25",
"value": 30
},
{
"date": "2009-10-26",
"value": 72
},
{
"date": "2009-10-27",
"value": 43
},
{
"date": "2009-10-30",
"value": 31
},
{
"date": "2009-11-01",
"value": 30
},
{
"date": "2009-11-02",
"value": 29
},
{
"date": "2009-11-03",
"value": 27
},
{
"date": "2009-11-04",
"value": 26
}
];
createFromToFields();
// create from/to field values programatically
function createFromToFields(){
for(var i = 0; i < chartData.length; i++){
var value = chartData[i].value;
chartData[i].fromValue = value - value * 0.2;
chartData[i].toValue = value + value * 0.2;
}
}
AmCharts.ready(function () {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.gridAlpha = 0;
categoryAxis.tickLength = 0;
categoryAxis.axisAlpha = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 4;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// FROM GRAPH
var fromGraph = new AmCharts.AmGraph();
fromGraph.type = "line";
fromGraph.valueField = "fromValue";
fromGraph.lineAlpha = 0;
fromGraph.showBalloon = false;
chart.addGraph(fromGraph);
// TO GRAPH
var toGraph = new AmCharts.AmGraph();
toGraph.type = "line";
toGraph.valueField = "toValue";
toGraph.lineAlpha = 0;
toGraph.fillAlphas = 0.2;
toGraph.fillToGraph = fromGraph;
toGraph.showBalloon = false;
chart.addGraph(toGraph);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.type = "line";
graph.valueField = "value";
graph.lineColor = "#000000";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> lineWithDifferentBulletSizes.html 0000644 00000030517 15167735342 0013255 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// note, we have townName field with a name specified for each datapoint and townName2 with only some of the names specified.
// we use townName2 to display town names next to the bullet. And as these names would overlap if displayed next to each bullet,
// we created this townName2 field and set only some of the names for this purpse.
var chartData = [
{
"date": "2012-01-01",
"distance": 227,
"townName": "New York",
"townName2": "New York",
"townSize": 25,
"latitude": 40.71,
"duration": 408
},
{
"date": "2012-01-02",
"distance": 371,
"townName": "Washington",
"townSize": 14,
"latitude": 38.89,
"duration": 482
},
{
"date": "2012-01-03",
"distance": 433,
"townName": "Wilmington",
"townSize": 6,
"latitude": 34.22,
"duration": 562
},
{
"date": "2012-01-04",
"distance": 345,
"townName": "Jacksonville",
"townSize": 7,
"latitude": 30.35,
"duration": 379
},
{
"date": "2012-01-05",
"distance": 480,
"townName": "Miami",
"townName2": "Miami",
"townSize": 10,
"latitude": 25.83,
"duration": 501
},
{
"date": "2012-01-06",
"distance": 386,
"townName": "Tallahassee",
"townSize": 7,
"latitude": 30.46,
"duration": 443
},
{
"date": "2012-01-07",
"distance": 348,
"townName": "New Orleans",
"townSize": 10,
"latitude": 29.94,
"duration": 405
},
{
"date": "2012-01-08",
"distance": 238,
"townName": "Houston",
"townName2": "Houston",
"townSize": 16,
"latitude": 29.76,
"duration": 309
},
{
"date": "2012-01-09",
"distance": 218,
"townName": "Dalas",
"townSize": 17,
"latitude": 32.8,
"duration": 287
},
{
"date": "2012-01-10",
"distance": 349,
"townName": "Oklahoma City",
"townSize": 11,
"latitude": 35.49,
"duration": 485
},
{
"date": "2012-01-11",
"distance": 603,
"townName": "Kansas City",
"townSize": 10,
"latitude": 39.1,
"duration": 890
},
{
"date": "2012-01-12",
"distance": 534,
"townName": "Denver",
"townName2": "Denver",
"townSize": 18,
"latitude": 39.74,
"duration": 810
},
{
"date": "2012-01-13",
"townName": "Salt Lake City",
"townSize": 12,
"distance": 425,
"duration": 670,
"latitude": 40.75,
"dashLength": 8,
"alpha":0.4
},
{
"date": "2012-01-14",
"latitude": 36.1,
"duration": 470,
"townName": "Las Vegas",
"townName2": "Las Vegas"
},
{
"date": "2012-01-15"
},
{
"date": "2012-01-16"
},
{
"date": "2012-01-17"
},
{
"date": "2012-01-18"
},
{
"date": "2012-01-19"
}
];
var chart;
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
chart.color = "#FFFFFF";
chart.marginLeft = 0;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.autoGridCount = false;
categoryAxis.gridCount = 50;
categoryAxis.gridAlpha = 0.1;
categoryAxis.gridColor = "#FFFFFF";
categoryAxis.axisColor = "#555555";
// we want custom date formatting, so we change it in next line
categoryAxis.dateFormats = [{
period: 'DD',
format: 'DD'
}, {
period: 'WW',
format: 'MMM DD'
}, {
period: 'MM',
format: 'MMM'
}, {
period: 'YYYY',
format: 'YYYY'
}];
// as we have data of different units, we create three different value axes
// Distance value axis
var distanceAxis = new AmCharts.ValueAxis();
distanceAxis.title = "distance";
distanceAxis.gridAlpha = 0;
distanceAxis.axisAlpha = 0;
chart.addValueAxis(distanceAxis);
// latitude value axis
var latitudeAxis = new AmCharts.ValueAxis();
latitudeAxis.gridAlpha = 0;
latitudeAxis.axisAlpha = 0;
latitudeAxis.labelsEnabled = false;
latitudeAxis.position = "right";
chart.addValueAxis(latitudeAxis);
// duration value axis
var durationAxis = new AmCharts.ValueAxis();
durationAxis.title = "duration";
// the following line makes this value axis to convert values to duration
// it tells the axis what duration unit it should use. mm - minute, hh - hour...
durationAxis.duration = "mm";
durationAxis.durationUnits = {
DD: "d. ",
hh: "h ",
mm: "min",
ss: ""
};
durationAxis.gridAlpha = 0;
durationAxis.axisAlpha = 0;
durationAxis.inside = true;
durationAxis.position = "right";
chart.addValueAxis(durationAxis);
// GRAPHS
// distance graph
var distanceGraph = new AmCharts.AmGraph();
distanceGraph.valueField = "distance";
distanceGraph.title = "distance";
distanceGraph.type = "column";
distanceGraph.fillAlphas = 0.9;
distanceGraph.valueAxis = distanceAxis; // indicate which axis should be used
distanceGraph.balloonText = "[[value]] miles";
distanceGraph.legendValueText = "[[value]] mi";
distanceGraph.legendPeriodValueText = "total: [[value.sum]] mi";
distanceGraph.lineColor = "#263138";
distanceGraph.dashLengthField = "dashLength";
distanceGraph.alphaField = "alpha";
chart.addGraph(distanceGraph);
// latitude graph
var latitudeGraph = new AmCharts.AmGraph();
latitudeGraph.valueField = "latitude";
latitudeGraph.title = "latitude/city";
latitudeGraph.type = "line";
latitudeGraph.valueAxis = latitudeAxis; // indicate which axis should be used
latitudeGraph.lineColor = "#786c56";
latitudeGraph.lineThickness = 1;
latitudeGraph.legendValueText = "[[description]]/[[value]]";
latitudeGraph.descriptionField = "townName";
latitudeGraph.bullet = "round";
latitudeGraph.bulletSizeField = "townSize"; // indicate which field should be used for bullet size
latitudeGraph.bulletBorderColor = "#786c56";
latitudeGraph.bulletBorderAlpha = 1;
latitudeGraph.bulletBorderThickness = 2;
latitudeGraph.bulletColor = "#000000";
latitudeGraph.labelText = "[[townName2]]"; // not all data points has townName2 specified, that's why labels are displayed only near some of the bullets.
latitudeGraph.labelPosition = "right";
latitudeGraph.balloonText = "latitude:[[value]]";
latitudeGraph.showBalloon = true;
latitudeGraph.dashLengthField = "dashLength";
chart.addGraph(latitudeGraph);
// duration graph
var durationGraph = new AmCharts.AmGraph();
durationGraph.title = "duration";
durationGraph.valueField = "duration";
durationGraph.type = "line";
durationGraph.valueAxis = durationAxis; // indicate which axis should be used
durationGraph.lineColor = "#ff5755";
durationGraph.balloonText = "[[value]]";
durationGraph.lineThickness = 1;
durationGraph.legendValueText = "[[value]]";
durationGraph.bullet = "square";
durationGraph.bulletBorderColor = "#ff5755";
durationGraph.bulletBorderThickness = 1;
durationGraph.bulletBorderAlpha = 1;
durationGraph.dashLengthField = "dashLength";
chart.addGraph(durationGraph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.zoomable = false;
chartCursor.categoryBalloonDateFormat = "DD";
chartCursor.cursorAlpha = 0;
chartCursor.valueBalloonsEnabled = false;
chart.addChartCursor(chartCursor);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.bulletType = "round";
legend.equalWidths = false;
legend.valueWidth = 120;
legend.useGraphSettings = true;
legend.color = "#FFFFFF";
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body style="background-color:#161616">
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> _JSON_barAndLineMix.html 0000644 00000005324 15167735342 0011120 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/themes/dark.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("chartdiv", {
type: "serial",
theme: "dark",
dataProvider: [{
"year": 2005,
"income": 23.5,
"expenses": 18.1
}, {
"year": 2006,
"income": 26.2,
"expenses": 22.8
}, {
"year": 2007,
"income": 30.1,
"expenses": 23.9
}, {
"year": 2008,
"income": 29.5,
"expenses": 25.1
}, {
"year": 2009,
"income": 24.6,
"expenses": 25
}],
categoryField: "year",
startDuration: 1,
rotate: true,
categoryAxis: {
gridPosition: "start"
},
valueAxes: [{
position: "top",
title: "Million USD",
minorGridEnabled: true
}],
graphs: [{
type: "column",
title: "Income",
valueField: "income",
fillAlphas:1,
balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
}, {
type: "line",
title: "Expenses",
valueField: "expenses",
lineThickness: 2,
bullet: "round",
balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
}],
legend: {
useGraphSettings: true
},
creditsPosition:"top-right"
});
</script>
</head>
<body style="background-color:#282828;">
<div id="chartdiv" style="width: 500px; height: 600px;"></div>
</body>
</html> funnelChart.html 0000644 00000004536 15167735342 0007730 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/funnel.js" type="text/javascript"></script>
<script>
var chart;
var data = [
{
"title": "Website visits",
"value": 300
},
{
"title": "Downloads",
"value": 123
},
{
"title": "Requested price list",
"value": 98
},
{
"title": "Contaced for more info",
"value": 72
},
{
"title": "Purchased",
"value": 35
},
{
"title": "Contacted for support",
"value": 15
},
{
"title": "Purchased additional products",
"value": 8
}
];
AmCharts.ready(function () {
chart = new AmCharts.AmFunnelChart();
chart.titleField = "title";
chart.balloon.cornerRadius = 0;
chart.marginRight = 220;
chart.marginLeft = 15;
chart.labelPosition = "right";
chart.funnelAlpha = 0.9;
chart.valueField = "value";
chart.dataProvider = data;
chart.startX = 0;
chart.balloon.animationTime = 0.2;
chart.neckWidth = "40%";
chart.startAlpha = 0;
chart.neckHeight = "30%";
chart.balloonText = "[[title]]:<b>[[value]]</b>";
chart.creditsPosition = "top-right";
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 500px; height: 300px;"></div>
</body>
</html> clockWithTwoFaces.html 0000644 00000005656 15167735342 0011046 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/gauge.js" type="text/javascript"></script>
<script>
var chart;
var sArrow;
var mArrow;
var hArrow;
var axis;
AmCharts.ready(function () {
// clock is just an angular gauge with three arrows
chart = new AmCharts.AmAngularGauge();
chart.startDuration = 0.3;
// main face
axis = new AmCharts.GaugeAxis();
axis.startValue = 0;
axis.endValue = 12;
axis.valueInterval = 1;
axis.minorTickInterval = 0.2;
axis.showFirstLabel = false;
axis.startAngle = 0;
axis.endAngle = 360;
axis.axisAlpha = 0.3;
chart.addAxis(axis);
// seconds face
var axis2 = new AmCharts.GaugeAxis();
axis2.startValue = 0;
axis2.endValue = 60;
axis2.valueInterval = 15;
axis2.minorTickInterval = 1;
axis2.showFirstLabel = false;
axis2.startAngle = 0;
axis2.endAngle = 360;
axis2.radius = 40;
axis2.centerY = 80;
axis2.inside = false;
axis2.axisAlpha = 0.3;
chart.addAxis(axis2);
// hour arrow
hArrow = new AmCharts.GaugeArrow();
hArrow.radius = "50%";
hArrow.clockWiseOnly = true;
// minutes arrow
mArrow = new AmCharts.GaugeArrow();
mArrow.radius = "90%";
mArrow.startWidth = 6;
mArrow.nailRadius = 0;
mArrow.clockWiseOnly = true;
// seconds arrow
sArrow = new AmCharts.GaugeArrow();
sArrow.axis = axis2; // this arrow uses different axis
sArrow.startWidth = 3;
sArrow.nailRadius = 4;
sArrow.color = "#CC0000";
sArrow.clockWiseOnly = true;
// update clock before adding arrows to avoid initial animation
updateClock();
// add arrows
chart.addArrow(hArrow);
chart.addArrow(mArrow);
chart.addArrow(sArrow);
chart.write("chartdiv");
// update clock every second
setInterval(updateClock, 1000);
});
// update clock
function updateClock() {
// get date
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
// update hours
hArrow.setValue(hours + minutes / 60);
// update minutes
mArrow.setValue(12 * (minutes + seconds / 60) / 60);
// update seconds
sArrow.setValue(date.getSeconds());
// update date
var dateString = AmCharts.formatDate(date, "DD MMM, EEE");
axis.setTopText(dateString);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:400px; height:400px;"></div>
</body>
</html> lineSmoothed.html 0000644 00000023400 15167735342 0010100 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var graph;
var chartData = [
{
"year": "1950",
"value": -0.307
},
{
"year": "1951",
"value": -0.168
},
{
"year": "1952",
"value": -0.073
},
{
"year": "1953",
"value": -0.027
},
{
"year": "1954",
"value": -0.251
},
{
"year": "1955",
"value": -0.281
},
{
"year": "1956",
"value": -0.348
},
{
"year": "1957",
"value": -0.074
},
{
"year": "1958",
"value": -0.011
},
{
"year": "1959",
"value": -0.074
},
{
"year": "1960",
"value": -0.124
},
{
"year": "1961",
"value": -0.024
},
{
"year": "1962",
"value": -0.022
},
{
"year": "1963",
"value": 0
},
{
"year": "1964",
"value": -0.296
},
{
"year": "1965",
"value": -0.217
},
{
"year": "1966",
"value": -0.147
},
{
"year": "1967",
"value": -0.15
},
{
"year": "1968",
"value": -0.16
},
{
"year": "1969",
"value": -0.011
},
{
"year": "1970",
"value": -0.068
},
{
"year": "1971",
"value": -0.19
},
{
"year": "1972",
"value": -0.056
},
{
"year": "1973",
"value": 0.077
},
{
"year": "1974",
"value": -0.213
},
{
"year": "1975",
"value": -0.17
},
{
"year": "1976",
"value": -0.254
},
{
"year": "1977",
"value": 0.019
},
{
"year": "1978",
"value": -0.063
},
{
"year": "1979",
"value": 0.05
},
{
"year": "1980",
"value": 0.077
},
{
"year": "1981",
"value": 0.12
},
{
"year": "1982",
"value": 0.011
},
{
"year": "1983",
"value": 0.177
},
{
"year": "1984",
"value": -0.021
},
{
"year": "1985",
"value": -0.037
},
{
"year": "1986",
"value": 0.03
},
{
"year": "1987",
"value": 0.179
},
{
"year": "1988",
"value": 0.18
},
{
"year": "1989",
"value": 0.104
},
{
"year": "1990",
"value": 0.255
},
{
"year": "1991",
"value": 0.21
},
{
"year": "1992",
"value": 0.065
},
{
"year": "1993",
"value": 0.11
},
{
"year": "1994",
"value": 0.172
},
{
"year": "1995",
"value": 0.269
},
{
"year": "1996",
"value": 0.141
},
{
"year": "1997",
"value": 0.353
},
{
"year": "1998",
"value": 0.548
},
{
"year": "1999",
"value": 0.298
},
{
"year": "2000",
"value": 0.267
},
{
"year": "2001",
"value": 0.411
},
{
"year": "2002",
"value": 0.462
},
{
"year": "2003",
"value": 0.47
},
{
"year": "2004",
"value": 0.445
},
{
"year": "2005",
"value": 0.47
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.marginLeft = 10;
chart.categoryField = "year";
chart.dataDateFormat = "YYYY";
// listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens
chart.addListener("dataUpdated", zoomChart);
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
categoryAxis.dashLength = 3;
categoryAxis.minorGridEnabled = true;
categoryAxis.minorGridAlpha = 0.1;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.inside = true;
valueAxis.dashLength = 3;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.type = "smoothedLine"; // this line makes the graph smoothed line.
graph.lineColor = "#d1655d";
graph.negativeLineColor = "#637bb6"; // this line makes the graph to change color when it drops below 0
graph.bullet = "round";
graph.bulletSize = 8;
graph.bulletBorderColor = "#FFFFFF";
graph.bulletBorderAlpha = 1;
graph.bulletBorderThickness = 2;
graph.lineThickness = 2;
graph.valueField = "value";
graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "YYYY";
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToDates(new Date(1972, 0), new Date(1984, 0));
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> _exporting_to_multiple_formats.html 0000644 00000021065 15167735342 0014001 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<!-- scripts for exporting chart as an image -->
<!-- Note, the exporting will work only if you view the file from web server -->
<!-- Exporting to image works on all modern browsers except IE9 (IE10 works fine) -->
<!--[if (!IE) | (gte IE 10)]> -->
<script type="text/javascript" src="../ammap/plugins/export/export.js"></script>
<link type="text/css" href="../ammap/plugins/export/export.css" rel="stylesheet">
<!-- <![endif]-->
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
linkToObject: "london",
images: [{
id: "london",
color: "#000000",
svgPath: targetSVG,
title: "London",
latitude: 51.5002,
longitude: -0.1262,
scale: 1.5,
zoomLevel: 2.74,
zoomLongitude: -20.1341,
zoomLatitude: 49.1712,
lines: [{
latitudes: [51.5002, 50.4422],
longitudes: [-0.1262, 30.5367]
}, {
latitudes: [51.5002, 46.9480],
longitudes: [-0.1262, 7.4481]
}, {
latitudes: [51.5002, 59.3328],
longitudes: [-0.1262, 18.0645]
}, {
latitudes: [51.5002, 40.4167],
longitudes: [-0.1262, -3.7033]
}, {
latitudes: [51.5002, 46.0514],
longitudes: [-0.1262, 14.5060]
}, {
latitudes: [51.5002, 48.2116],
longitudes: [-0.1262, 17.1547]
}, {
latitudes: [51.5002, 44.8048],
longitudes: [-0.1262, 20.4781]
}, {
latitudes: [51.5002, 55.7558],
longitudes: [-0.1262, 37.6176]
}, {
latitudes: [51.5002, 38.7072],
longitudes: [-0.1262, -9.1355]
}, {
latitudes: [51.5002, 54.6896],
longitudes: [-0.1262, 25.2799]
}, {
latitudes: [51.5002, 64.1353],
longitudes: [-0.1262, -21.8952]
}, {
latitudes: [51.5002, 40.4300],
longitudes: [-0.1262, -74.0000]
}],
images: [{
label: "Flights from London",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from Vilnius",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "vilnius"
}]
},
{
id: "vilnius",
color: "#000000",
svgPath: targetSVG,
title: "Vilnius",
latitude: 54.6896,
longitude: 25.2799,
scale: 1.5,
zoomLevel: 4.92,
zoomLongitude: 15.4492,
zoomLatitude: 50.2631,
lines: [{
latitudes: [54.6896, 50.8371],
longitudes: [25.2799, 4.3676]
}, {
latitudes: [54.6896, 59.9138],
longitudes: [25.2799, 10.7387]
}, {
latitudes: [54.6896, 40.4167],
longitudes: [25.2799, -3.7033]
}, {
latitudes: [54.6896, 50.0878],
longitudes: [25.2799, 14.4205]
}, {
latitudes: [54.6896, 48.2116],
longitudes: [25.2799, 17.1547]
}, {
latitudes: [54.6896, 44.8048],
longitudes: [25.2799, 20.4781]
}, {
latitudes: [54.6896, 55.7558],
longitudes: [25.2799, 37.6176]
}, {
latitudes: [54.6896, 37.9792],
longitudes: [25.2799, 23.7166]
}, {
latitudes: [54.6896, 54.6896],
longitudes: [25.2799, 25.2799]
}, {
latitudes: [54.6896, 51.5002],
longitudes: [25.2799, -0.1262]
}, {
latitudes: [54.6896, 53.3441],
longitudes: [25.2799, -6.2675]
}],
images: [{
label: "Flights from Vilnius",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from London",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "london"
}]
}, {
svgPath: targetSVG,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676
}, {
svgPath: targetSVG,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205
}, {
svgPath: targetSVG,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166
}, {
svgPath: targetSVG,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952
}, {
svgPath: targetSVG,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675
}, {
svgPath: targetSVG,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387
}, {
svgPath: targetSVG,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355
}, {
svgPath: targetSVG,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176
}, {
svgPath: targetSVG,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781
}, {
svgPath: targetSVG,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547
}, {
svgPath: targetSVG,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060
}, {
svgPath: targetSVG,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033
}, {
svgPath: targetSVG,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645
}, {
svgPath: targetSVG,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481
}, {
svgPath: targetSVG,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367
}, {
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "New York",
latitude: 40.43,
longitude: -74
}]
},
areasSettings: {
unlistedAreasColor: "#FFCC00"
},
imagesSettings: {
color: "#CC0000",
rollOverColor: "#CC0000",
selectedColor: "#000000"
},
linesSettings: {
color: "#CC0000",
alpha: 0.4
},
backgroundZoomsToTop: true,
linesAboveImages: true,
"export": {
"enabled": true
}
});
</script>
</head>
<body>
<span style="font-size: 10; color: #CC0000;">
<p>Warning! Exporting to image works only if you view this file from web server. Exporting works with all modern browsers except IE9 (works fine with IE10).</p>
<p>Since version 3.14 chart export is done using dedicated plugin, located in amCharts/plugins/export folder. Please refer to bundled examples and README.md file for more information.</p>
</span>
<div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> lineWithFilledValueRanges.html 0000644 00000013056 15167735342 0012514 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [];
AmCharts.ready(function () {
// generate some random data first
generateChartData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.dataProvider = chartData;
chart.categoryField = "date";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
// value axis
var valueAxis = new AmCharts.ValueAxis();
valueAxis.inside = true;
valueAxis.tickLength = 0;
valueAxis.axisAlpha = 0;
valueAxis.minimum = 100;
valueAxis.maximum = 140;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.dashLength = 3;
graph.lineColor = "#7717D7";
graph.valueField = "visits";
graph.dashLength = 3;
graph.bullet = "round";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chart.addChartCursor(chartCursor);
// GUIDES are used to create horizontal range fills
var guide = new AmCharts.Guide();
guide.value = 0;
guide.toValue = 105;
guide.fillColor = "#CC0000";
guide.fillAlpha = 0.2;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 105;
guide.toValue = 110;
guide.fillColor = "#CC0000";
guide.fillAlpha = 0.15;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 110;
guide.toValue = 115;
guide.fillColor = "#CC0000";
guide.fillAlpha = 0.1;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 115;
guide.toValue = 120;
guide.fillColor = "#CC0000";
guide.fillAlpha = 0.05;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 120;
guide.toValue = 125;
guide.fillColor = "#0000cc";
guide.fillAlpha = 0.05;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 125;
guide.toValue = 130;
guide.fillColor = "#0000cc";
guide.fillAlpha = 0.1;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 130;
guide.toValue = 135;
guide.fillColor = "#0000cc";
guide.fillAlpha = 0.15;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guide = new AmCharts.Guide();
guide.value = 135;
guide.toValue = 140;
guide.fillColor = "#0000cc";
guide.fillAlpha = 0.2;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
// WRITE
chart.write("chartdiv");
});
// generate some random data
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 10);
for (var i = 0; i < 10; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 40) + 100;
chartData.push({
date: newDate,
visits: visits
});
}
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> areaStacked.html 0000644 00000020716 15167735342 0007664 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 1995,
"cars": 1567,
"motorcycles": 683,
"bicycles": 146
},
{
"year": 1996,
"cars": 1617,
"motorcycles": 691,
"bicycles": 138
},
{
"year": 1997,
"cars": 1630,
"motorcycles": 642,
"bicycles": 127
},
{
"year": 1998,
"cars": 1660,
"motorcycles": 699,
"bicycles": 105
},
{
"year": 1999,
"cars": 1683,
"motorcycles": 721,
"bicycles": 109
},
{
"year": 2000,
"cars": 1691,
"motorcycles": 737,
"bicycles": 112
},
{
"year": 2001,
"cars": 1298,
"motorcycles": 680,
"bicycles": 101
},
{
"year": 2002,
"cars": 1275,
"motorcycles": 664,
"bicycles": 97
},
{
"year": 2003,
"cars": 1246,
"motorcycles": 648,
"bicycles": 93
},
{
"year": 2004,
"cars": 1218,
"motorcycles": 637,
"bicycles": 101
},
{
"year": 2005,
"cars": 1213,
"motorcycles": 633,
"bicycles": 87
},
{
"year": 2006,
"cars": 1199,
"motorcycles": 621,
"bicycles": 79
},
{
"year": 2007,
"cars": 1110,
"motorcycles": 210,
"bicycles": 81
},
{
"year": 2008,
"cars": 1165,
"motorcycles": 232,
"bicycles": 75
},
{
"year": 2009,
"cars": 1145,
"motorcycles": 219,
"bicycles": 88
},
{
"year": 2010,
"cars": 1163,
"motorcycles": 201,
"bicycles": 82
},
{
"year": 2011,
"cars": 1180,
"motorcycles": 285,
"bicycles": 87
},
{
"year": 2012,
"cars": 1159,
"motorcycles": 277,
"bicycles": 71
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.marginTop = 10;
chart.categoryField = "year";
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.07;
categoryAxis.axisColor = "#DADADA";
categoryAxis.startOnAxis = true;
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "regular"; // this line makes the chart "stacked"
valueAxis.gridAlpha = 0.07;
valueAxis.title = "Traffic incidents";
chart.addValueAxis(valueAxis);
// GUIDES are vertical (can also be horizontal) lines (or areas) marking some event.
// first guide
var guide1 = new AmCharts.Guide();
guide1.category = "2001";
guide1.lineColor = "#CC0000";
guide1.lineAlpha = 1;
guide1.dashLength = 2;
guide1.inside = true;
guide1.labelRotation = 90;
guide1.label = "fines for speeding increased";
categoryAxis.addGuide(guide1);
// second guide
var guide2 = new AmCharts.Guide();
guide2.category = "2007";
guide2.lineColor = "#CC0000";
guide2.lineAlpha = 1;
guide2.dashLength = 2;
guide2.inside = true;
guide2.labelRotation = 90;
guide2.label = "motorcycle maintenance fee introduced";
categoryAxis.addGuide(guide2);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.type = "line"; // it's simple line graph
graph.title = "Cars";
graph.valueField = "cars";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6; // setting fillAlphas to > 0 value makes it area graph
graph.balloonText = "<img src='images/car.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
graph.hidden = true;
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.type = "line";
graph.title = "Motorcycles";
graph.valueField = "motorcycles";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6;
graph.balloonText = "<img src='images/motorcycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.type = "line";
graph.title = "Bicycles";
graph.valueField = "bicycles";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6;
graph.balloonText = "<img src='images/bicycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.position = "top";
legend.valueText = "[[value]]";
legend.valueWidth = 100;
legend.valueAlign = "left";
legend.equalWidths = false;
legend.periodValueText = "total: [[value.sum]]"; // this is displayed when mouse is not over the chart.
chart.addLegend(legend);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.color = "#FFFFFF";
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> columnAndLineMix.html 0000644 00000010075 15167735342 0010660 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2009,
"income": 23.5,
"expenses": 18.1
},
{
"year": 2010,
"income": 26.2,
"expenses": 22.8
},
{
"year": 2011,
"income": 30.1,
"expenses": 23.9
},
{
"year": 2012,
"income": 29.5,
"expenses": 25.1
},
{
"year": 2013,
"income": 30.6,
"expenses": 27.2,
"dashLengthLine": 5
},
{
"year": 2014,
"income": 34.1,
"expenses": 29.9,
"dashLengthColumn": 5,
"alpha":0.2,
"additional":"(projection)"
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.startDuration = 1;
chart.handDrawn = true;
chart.handDrawnScatter = 3;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPHS
// column graph
var graph1 = new AmCharts.AmGraph();
graph1.type = "column";
graph1.title = "Income";
graph1.lineColor = "#a668d5";
graph1.valueField = "income";
graph1.lineAlpha = 1;
graph1.fillAlphas = 1;
graph1.dashLengthField = "dashLengthColumn";
graph1.alphaField = "alpha";
graph1.balloonText = "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b> [[additional]]</span>";
chart.addGraph(graph1);
// line
var graph2 = new AmCharts.AmGraph();
graph2.type = "line";
graph2.title = "Expenses";
graph2.lineColor = "#fcd202";
graph2.valueField = "expenses";
graph2.lineThickness = 3;
graph2.bullet = "round";
graph2.bulletBorderThickness = 3;
graph2.bulletBorderColor = "#fcd202";
graph2.bulletBorderAlpha = 1;
graph2.bulletColor = "#ffffff";
graph2.dashLengthField = "dashLengthLine";
graph2.balloonText = "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b> [[additional]]</span>";
chart.addGraph(graph2);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.useGraphSettings = true;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:50%; height:400px;"></div>
</body>
</html> _JSON_lineWithScrollAndZoom.html 0000644 00000010163 15167735342 0012672 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chartData = [];
generateChartData();
var chart = AmCharts.makeChart("chartdiv", {
type: "serial",
dataProvider: chartData,
categoryField: "date",
categoryAxis: {
parseDates: true,
gridAlpha: 0.15,
minorGridEnabled: true,
axisColor: "#DADADA"
},
valueAxes: [{
axisAlpha: 0.2,
id: "v1"
}],
graphs: [{
title: "red line",
id: "g1",
valueAxis: "v1",
valueField: "visits",
bullet: "round",
bulletBorderColor: "#FFFFFF",
bulletBorderAlpha: 1,
lineThickness: 2,
lineColor: "#b5030d",
negativeLineColor: "#0352b5",
balloonText: "[[category]]<br><b><span style='font-size:14px;'>value: [[value]]</span></b>"
}],
chartCursor: {
fullWidth:true,
cursorAlpha:0.1
},
chartScrollbar: {
scrollbarHeight: 40,
color: "#FFFFFF",
autoGridCount: true,
graph: "g1"
},
mouseWheelZoomEnabled:true
});
chart.addListener("dataUpdated", zoomChart);
// generate some random data, quite different range
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 500);
for (var i = 0; i < 500; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 40) - 20;
chartData.push({
date: newDate,
visits: visits
});
}
}
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}
// changes cursor mode from pan to select
function setPanSelect() {
var chartCursor = chart.chartCursor;
if (document.getElementById("rb1").checked) {
chartCursor.pan = false;
chartCursor.zoomable = true;
} else {
chartCursor.pan = true;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<div style="margin-left:35px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setPanSelect()">Select
<input type="radio" name="group" id="rb2" onclick="setPanSelect()">Pan
</div>
</body>
</html> _JSON_lineWithTrendLines.html 0000644 00000012026 15167735342 0012213 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("chartdiv", {
type: "serial",
dataProvider: [{
"date": "2012-01-01",
"value": 8
}, {
"date": "2012-01-02",
"value": 10
}, {
"date": "2012-01-03",
"value": 12
}, {
"date": "2012-01-04",
"value": 14
}, {
"date": "2012-01-05",
"value": 11
}, {
"date": "2012-01-06",
"value": 6
}, {
"date": "2012-01-07",
"value": 7
}, {
"date": "2012-01-08",
"value": 9
}, {
"date": "2012-01-09",
"value": 13
}, {
"date": "2012-01-10",
"value": 15
}, {
"date": "2012-01-11",
"value": 19
}, {
"date": "2012-01-12",
"value": 21
}, {
"date": "2012-01-13",
"value": 22
}, {
"date": "2012-01-14",
"value": 20
}, {
"date": "2012-01-15",
"value": 18
}, {
"date": "2012-01-16",
"value": 14
}, {
"date": "2012-01-17",
"value": 16
}, {
"date": "2012-01-18",
"value": 18
}, {
"date": "2012-01-19",
"value": 17
}, {
"date": "2012-01-20",
"value": 15
}, {
"date": "2012-01-21",
"value": 12
}, {
"date": "2012-01-22",
"value": 10
}, {
"date": "2012-01-23",
"value": 8
}],
dataDateFormat: "YYYY-MM-DD",
categoryField: "date",
categoryAxis: {
parseDates: true,
minPeriod: "DD",
gridAlpha: 0.1,
minorGridAlpha: 0.1,
axisAlpha: 0,
minorGridEnabled: true,
inside: true
},
valueAxes: [{
tickLength: 0,
axisAlpha: 0,
showFirstLabel: false,
showLastLabel: false,
guides: [{
value: 10,
toValue: 20,
fillColor: "#00CC00",
inside: true,
fillAlpha: 0.2,
lineAlpha: 0
}]
}],
graphs: [{
id:"g1",
lineColor: "#00CC00",
valueField: "value",
dashLength: 3,
bullet: "round",
balloonText: "<b><span style='font-size:14px;'>[[value]]</span></b>",
balloon:{
drop:true
}
}],
chartCursor: {
limitToGraph:"g1",
cursorColor:"#00CC00"
},
chartScrollbar: {
},
mouseWheelZoomEnabled: true,
trendLines: [{
initialDate: new Date(2012, 0, 2, 12),
finalDate: new Date(2012, 0, 11, 12),
initialValue: 10,
finalValue: 19,
lineColor: "#CC0000"
}, {
initialDate: new Date(2012, 0, 17, 12),
finalDate: new Date(2012, 0, 22, 12),
initialValue: 16,
finalValue: 10,
lineColor: "#CC0000"
}]
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 450px;"></div>
</body>
</html> bar3D.html 0000644 00000005713 15167735342 0006410 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2005,
"income": 23.5
},
{
"year": 2006,
"income": 26.2
},
{
"year": 2007,
"income": 30.1
},
{
"year": 2008,
"income": 29.5
},
{
"year": 2009,
"income": 24.6
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
// this single line makes the chart a bar chart,
// try to set it to false - your bars will turn to columns
chart.rotate = true;
// the following two lines makes chart 3D
chart.depth3D = 20;
chart.angle = 30;
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.axisColor = "#DADADA";
categoryAxis.fillAlpha = 1;
categoryAxis.gridAlpha = 0;
categoryAxis.fillColor = "#FAFAFA";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisColor = "#DADADA";
valueAxis.title = "Income in millions, USD";
valueAxis.gridAlpha = 0.1;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.title = "Income";
graph.valueField = "income";
graph.type = "column";
graph.balloonText = "Income in [[category]]:[[value]]";
graph.lineAlpha = 0;
graph.fillColors = "#bf1c25";
graph.fillAlphas = 1;
chart.addGraph(graph);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 500px; height: 600px;"></div>
</body>
</html> images/bicycle.png 0000644 00000002231 15167735342 0010144 0 ustar 00 �PNG
IHDR U�\ pHYs �� cHRM z% �� �� �� u0 �` :� o�_�F IDATxڬ��k�\�YjB]�d�#+;8�![�
�"��Ba������N*�nfݠE��Z��Lp�fY��0�Wu��~�@y����}ރ������ڒ����O�}���y��o���R��,�� >|��ׯ��UU����(�c }ߗq 'cUUI��]�EQ������;w�'YO� �ݻwi���i���\�~�+nll���uΜ9s,ٱ
O�8���0�?`hh���
��.��W�:�|��(RʞB�ueiiI�x�]�QU�+&�c�0����ܹs�-�O
u]W\ו�`xx������A@�T��<���H��vu]WVWW�}�S�N�>��� &*VWW�>aR��B�:���q �:�ap��%�8�ibY��ݣZ�&*��\YY!��P����������q�˲����l���E���i4�A�V��<l�&�ˑ�f�T*�WVV����9l���Ǐ|��MӨ��,//���H�ٔ]����b����SSS,,,033C�R�4MTU������j�x���|�왬V��={���M`cc��W����������١X,⺮L ǡ�j1==ͭ[�!�R�V���/^$�c�8fhhM�x�� �R �49y�$���|��˲�����!���yezz�V���8�(l4h�F�PH ��˗�R)QU۶I���A�Z%�c�\��뺨����(�mcO�>% P(�4�F�� �@v: R�T����]|�' C <x��V���υ B��ѣ��d���YY*����EA6�%�J��t�@�뺮�!��6���d���Pn)PU���C�(BӴ��'''��������X�-<�# C �@�u�@AE���DI>�Wl�V,�R���p ���l�Vl�Vt]W���S��2Q%��`Y�J���5 Y(�f�x�����Y__�4MFFF~(�^�r����ZR�]^�l6e�X��j�i�T�0 ���\.ǵk���r?��^X�4�q�F��2�oN�h4�t:��۶�d2=M�(�Nsd��楿{�8
�� �>lbEvMs IEND�B`� images/3.gif 0000644 00000001361 15167735342 0006660 0 ustar 00 GIF89a" " � �����f����������� �� �� �� �� �� ��!��"��"��#��
��������������������-�� �� �� �� ���������� �� �� �� �� �� ߴˤ©:��Q�� � � � � � ޮԦ�������}� � � � ����sWoS��g������������ � � �~�pqSnPbLiS eP jT s`2wd6{i=|j>��f��e��i��y��{��~��������������Ѩv�knNmMaKiR xe8��zߕ ߗ ύ�q�����f3f33������ !� u , " " ��u�������������������������qD_XQQX_Dq�pkB9+&'6@Pkp�cU:! �"$4NUc�ER, so 1LTE�GY8-ssr3r
o <d[�`A s
3 - -
#/Ifb�]7rt r-��i�B� o�@R��B� ,x �a� n�@���a�� T��aG�)�Ф��e�>ؠ|d�ƈ 3��h�dH� ^�9�� $&,Q���9
�,0qƅ�3��<��aB��Y ���
a ��$��!=N-�-A���#���� n��<��%*�V%=vE�d�ݫ�N�y3x��V�N��ŊY��@��e̚I[�3thQM�c˞]( ; images/motorcycle.png 0000644 00000001774 15167735342 0010725 0 ustar 00 �PNG
IHDR U�\ pHYs �� cHRM z% �� �� �� u0 �` :� o�_�F �IDATxڼ��K+I��1��u�4&����FP!+7��(�d�_�Bq)����D�
�%&Ɛ(��H�į�,f^F��S��x�UT�:��-I�wVۿ9\.��ah�����noo�X,��� ����.TU��r�X� Is��X]]%��x8::BQTUeii ]ץ��a����,TUŲ,NNN�m۶I�R�5Im�/// ���(�i�"�LR(�V��j5 Z��B�� ����x<N�Ri ���a~~^���\.���u
��f��e �|�_���b�H�^��l���@.�cgg�r�,�ժ�V�b�|>�!���gvv�/��Z�
���{,�²,�������V��������uwwcY�h���1ɶm�z�_�4�L���Sl���288�������f���~����9677q8 x�^j�n��`0���4��IoL���!��8 ��pyyI&�add�S׆B!�� ����d��e�Y�����&�H�x<���D"� ������a.����>���;IeYF�u��,�\����Յ�(T*�<�i
M�$ �J�D �LbF� ����ۋ��x���t��xH��<==!�2mmm������ 777�b�?��uQ��P�@ ������4�MdY�nooyzz�PR�Á�磳������0�D���#��0�a����r�$��-��R���!p8 ���s||�j�i�\\\`�&�f��M(������>�<�m�Q��q�GGGI��lmm�D���R��,˄�a&&&$�z�. [�^[? ���= �� `Y���oc�K� SSS,..~i�)��ָ��DUU ,�"
�F�4Mz��D"!R�T+C���_�s�Ac�X�g?����T���gs�wK��/��7� V����� IEND�B`� images/car.png 0000644 00000001367 15167735342 0007310 0 ustar 00 �PNG
IHDR U�\ pHYs �� cHRM z% �� �� �� u0 �` :� o�_�F }IDATx�ܖ�K�P�� i��Dk D�hA �$���Nw?��P�6:t��К�9�N��*��p�-9�w^�'�{����7K�����6$I�� ����ؘ�W��ܨ��]�8F�͐R�8���jiiI����VK pww�)%RJ�$!I�� ��m������T?RX�ո��eqq�j�J.�#�c��� ���`bb��� NNN8<<�u]577�}[a�VS���LOO�����̌�y��nf��LNNj�jU�}�v���>�VK
U��vU��CA���P*�p ���G�qfe ��� ��2�f�0 ���cuuU���bY��Q�u: ���CE �iJ������ț�H)�t: }k�9�4 gaa�r���y�����8���$�g�2�k���(�Ð��u�y���_JI �R]ױm۶3�^�݇��4
�$Q}
MӤX,R*���r<==qvv�����σ��&MS��
��"�J�z�N��dvv�J��������aL˲(
�5�>�z=�< |�' C�4}s�m�C�n�K�P��,4�T6��a`���4����y677B�"�*�2�&��8��8�橩)����}���� L���
�������*���� 5vnxX�9� IEND�B`� images/star.png 0000644 00000001123 15167735342 0007502 0 ustar 00 �PNG
IHDR ��c pHYs �� cHRM z% �� �� �� u0 �` :� o�_�F �IDATxڤջka�߆�Y"hD�"� -,�F1�ԶB"���-,4h%h�`%
��bPQ")tA|��D�� B>#ks �<7���;sf���FgV6`O�}%��� �5�I:��
���\��&Y��~�ȸ��=\��^ӕ�4N&�a��D�۹9/)����A4�[c�w�u9���`�zO�듘�y�$C�K�eؖ��.k���g�f�X���J^� j� ��ף� ��#>�oV�[��Ik��t&m�?8�SkS�l�7��Zx/��� �p��%U�s\ ���d8\w��<�b��� �Q��؉��uz,�ż�u�D�E/p �C�5�� NjH�0�) �& �e����Şp�l*�&S8���z4�~���p�I���NI�?t� 5���9�XWw�������~Il3 ��<�b.��t���C+M��<���L�um� �Zj8��QQ IEND�B`� images/1.gif 0000644 00000000561 15167735342 0006657 0 ustar 00 GIF89a" " � ����� ��̮����
ߴ�z
ў
�j��
hR^F
zi<rb:�����x�m���B2����������\\\BBB""" ��� !� , " " �`'�di�h��l�p,ϴXe��q|��J ��`*��%PZ*�H#�J�*��n�]���k�t�2�8
drI[ �P 5�|
3 ��� �0��u/������U������^.��� 0
���� ��Ɗ�0{ͮ�����Ϲ0����
�.�|����1�����2�
�� ��q��� H $
7p��QC��ŋ3B ; images/0.gif 0000644 00000001346 15167735342 0006660 0 ustar 00 GIF89a" " � ������������������������� �� ��!��!��"��"��"������������� �� �� �� �� �� ������Ҳ����������ط¤��������������ͪӰ�������~������ްޱۮ٬߲������٧
ا
ޯ������
�r oV
Ι Л
�� ա ԟ Ν ͚ բ �� �� �v
�| �m
oT jP lS
��x��|��{��~����}�p�q�o�� �dmPiM_IC4bMeP gS iT iU r_1sa3uc6wf:xf;xg<zi?{j@��c��e��z���lNhK/$ fP �!!��� !� | , " " ��|����������������������� � ����������[rffqv�����XV2 !.>UX����m3 -Em������j$
+Ci��|t0 ee�� 'Rs���5F0(��`e,h�!��,1*,�G��
vD� Έ*V|����'p �R$E�&��Q�A�Kz7�h2��P�'���I�@���Czy�J�w⇗+�JPa1�`�={�� �� H�YQ��[ JC��t ��m�:P�EO:I�Lɱ� 6� �FB%[c�@q��<�. ���
2n�Ѐ%���ӨSG
; images/redstar.png 0000644 00000001124 15167735342 0010176 0 ustar 00 �PNG
IHDR ��c pHYs �� cHRM z% �� �� �� u0 �` :� o�_�F �IDATxڤսkQ�߆�
��6~A�~��U�QPT� ���US�������FQ��&��ha�1��� b����܅�:�;3{�1�c杹�{^�uB�؊Cx��豾���k�*���s�k���UAV�9�;��71W�Oҟ��d��8�Mj=��V�_��8��� �0 ��8Y�P��h`[Go� � #A �D��� ����e/ �W|��iEk�����u[ls22 �Xo���-�RѤ��L�� �x�wh t��e\
�Bm 0�U'38�oq
{q�y�2-���m�*R';C� �8�!�L[��q ��=8WĻj������s��:�&^�",�>gp���ͅn 8�k� �q��k,t|�����^�qa����Xb%���4vc2������~;:���Q�8 �X:�a�7>
̋��n��}Ҷ��'��VzdK�[V�e@�c�J� eU�rQ� IEND�B`� images/board.jpg 0000644 00000243737 15167735342 0007637 0 ustar 00 ���#Exif MM * � k � � �( 1 �2 ҇i �
�� '
�� 'Adobe Photoshop CS6 (Windows) 2013:10:02 11:32:59 � 0221� �� � �� k n v( ~ � H H ��� Adobe_CM �� Adobe d� �� �
�� k �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? ��<��0�w�y��� h�*C��� �7�RS)jpG��w��k⒒��Q�<T6��Ԕ���$��D�M�%3��F<�AIL�)�L
%ҝ�?4���� �+ �� uQq�A*�&B`tJRS���!>�S�Qn�~i��)%��KT�=�-�|RB� ��8�%-���H4��*ZR)� ���ALN�mNa4�����R���w�ILH�<��
i )k6��� ��0~�RK���!7p������tSC�Po� :�$� i�@��HH!:��q))+c�rD�q�>��*fa1 � ��H�PS<�
�2Ge
���[|��M���n�IK:S~*{\b[ϒr��%5��U
oiSF���d&�T���%?������?/�8Ri�$� �#�w$'. �;$��Bv� PwDn��S2O#E Δ���U �)�<��=�$�� ⒙|�@Kw�R{��Jc ��-�]�S5����Td� )}�A�eO�.�KD�h�ʘo$�R�xsO�>G^�d�ӏ5 �$�{I=��4�Sp��o p������ڙ�Bx�����[�%6��1��&xII ��I��$
}�v)!!�&�*>��(��|RC�`�tL ���<�))b&���H����
[ݻ��Q.���6䔑�� b��t"|���J(ql���=���1
#�2��<f�IƖ����J ���>�I<r�����)7R�~*[H2JI�NӯxP'�S2�� �7�UKrJe:�'D��&�xIL�H�3Ή��.I �/�Kw�BR$$�R<R1⢛D��9��9�D"SJJM�@�1p�-�L��E�������H1�O�%?���֝T�A����%ruJS S"��<��IL�D�7�p���R��)!y)I��v))R&)�J_rD�a�H��I�&��E8AJq� =�v�ӹG��K����Photoshop 3.0 8BIM Z %G � 8BIM% �Y
҉� \D{���(8BIM: � printOutput PstSbool Inteenum Inte Clrm printSixteenBitbool printerNameTEXT E P S O N 8 5 C C 1 5 printProofSetupObjc P r o o f S e t u p
proofSetup Bltnenum builtinProof proofCMYK 8BIM; - printOutputOptions Cptnbool Clbrbool RgsMbool CrnCbool CntCbool Lblsbool Ngtvbool EmlDbool Intrbool BckgObjc RGBC Rd doub@o� Grn doub@o� Bl doub@o� BrdTUntF#Rlt Bld UntF#Rlt RsltUntF#Pxl@R
vectorDatabool PgPsenum PgPs PgPC LeftUntF#Rlt Top UntF#Rlt Scl UntF#Prc@Y cropWhenPrintingbool cropRectBottomlong cropRectLeftlong
cropRectRightlong cropRectToplong 8BIM� H H 8BIM& ?� 8BIM
8BIM 8BIM� 8BIM'
8BIM� H /ff lff /ff ��� 2 Z 5 - 8BIM� p ����������������������� ����������������������� ����������������������� ����������������������� 8BIM @ @ 8BIM 8BIM I k �
b l a c k B o a r d � k null boundsObjc Rct1 Top long Leftlong Btomlong k Rghtlong � slicesVlLs Objc slice sliceIDlong groupIDlong originenum ESliceOrigin
autoGenerated Typeenum
ESliceType Img boundsObjc Rct1 Top long Leftlong Btomlong k Rghtlong � urlTEXT nullTEXT MsgeTEXT altTagTEXT cellTextIsHTMLbool cellTextTEXT horzAlignenum ESliceHorzAlign default vertAlignenum ESliceVertAlign default bgColorTypeenum ESliceBGColorType None topOutsetlong
leftOutsetlong bottomOutsetlong rightOutsetlong 8BIM( ?� 8BIM 8BIM 8BIM � � k � Ƞ � ��� Adobe_CM �� Adobe d� �� �
�� k �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? ��<��0�w�y��� h�*C��� �7�RS)jpG��w��k⒒��Q�<T6��Ԕ���$��D�M�%3��F<�AIL�)�L
%ҝ�?4���� �+ �� uQq�A*�&B`tJRS���!>�S�Qn�~i��)%��KT�=�-�|RB� ��8�%-���H4��*ZR)� ���ALN�mNa4�����R���w�ILH�<��
i )k6��� ��0~�RK���!7p������tSC�Po� :�$� i�@��HH!:��q))+c�rD�q�>��*fa1 � ��H�PS<�
�2Ge
���[|��M���n�IK:S~*{\b[ϒr��%5��U
oiSF���d&�T���%?������?/�8Ri�$� �#�w$'. �;$��Bv� PwDn��S2O#E Δ���U �)�<��=�$�� ⒙|�@Kw�R{��Jc ��-�]�S5����Td� )}�A�eO�.�KD�h�ʘo$�R�xsO�>G^�d�ӏ5 �$�{I=��4�Sp��o p������ڙ�Bx�����[�%6��1��&xII ��I��$
}�v)!!�&�*>��(��|RC�`�tL ���<�))b&���H����
[ݻ��Q.���6䔑�� b��t"|���J(ql���=���1
#�2��<f�IƖ����J ���>�I<r�����)7R�~*[H2JI�NӯxP'�S2�� �7�UKrJe:�'D��&�xIL�H�3Ή��.I �/�Kw�BR$$�R<R1⢛D��9��9�D"SJJM�@�1p�-�L��E�������H1�O�%?���֝T�A����%ruJS S"��<��IL�D�7�p���R��)!y)I��v))R&)�J_rD�a�H��I�&��E8AJq� =�v�ӹG��K�� 8BIM! U A d o b e P h o t o s h o p A d o b e P h o t o s h o p C S 6 8BIM ��
}http://ns.adobe.com/xap/1.0/ <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="275F323BAC3C5F65F41977F383638132" xmpMM:InstanceID="xmp.iid:AAB83BF93C2BE3118CE9A5D8F34B9B11" xmpMM:OriginalDocumentID="275F323BAC3C5F65F41977F383638132" dc:format="image/jpeg" photoshop:ColorMode="3" xmp:CreateDate="2013-10-01T16:38:40+03:00" xmp:ModifyDate="2013-10-02T11:32:59+03:00" xmp:MetadataDate="2013-10-02T11:32:59+03:00"> <xmpMM:History> <rdf:Seq> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:A9B83BF93C2BE3118CE9A5D8F34B9B11" stEvt:when="2013-10-02T11:32:59+03:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Windows)" stEvt:changed="/"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:AAB83BF93C2BE3118CE9A5D8F34B9B11" stEvt:when="2013-10-02T11:32:59+03:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Windows)" stEvt:changed="/"/> </rdf:Seq> </xmpMM:History> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?>�� Adobe d� �� �
""
�� k�" �� k��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? ��
b )I�NF�)iN%�@�
T���)EK��:JQH𘦄��\$uL��vJaFa>�%3$G���1H��H�)%D$� �HP�$�!�IK���CD�R�r�S����H�В�'��<$�%�q�q�JY?)D&RR�.�R��$�%).�r� )_�ĦN����RR��nNBJRP��8���%2�R����S��))d�d�$��L��쒗��h�?))a�\�� )Ip�<JJY9�4$��8L�RR�JI$���Ja.RS$�D�L��5O�i�� )A J���$
mn�%2�@ i)
RR��R�))e %0�H�8IK��N�G�%(�R'ILa0O�H�JZ��$��j�B�IJ��QN4IL�� S�JdL�B@��%.)L��tIK�� RIJ�(���a�JZ�? |�R�)�7)�$�D&�N5H�RҞd��$��)F��2�%1N�$$RR�&�)@L��B��� IKr�t��<�$�&��%(�riH�JP��G����BI�%+R��-Jx))i�1NtK��� �M)�IJ"R:� �����"�LJJ\��tѪJZ�SĤRR���LD'&R��̥
J^b�����r'�s �RАl�))��0S�)m�AH�)���JD"����Ą�����M��Q�"��HM!2��*<�J*Q0�\ L��s�
T�4M�}�$���F { �(�H ))hΩ �q�yI+�=���HFtKB��h����?d��Jc��NݣA��j�3�e�u���9��!X�Ĵ@�a$�Jv�Zf���O��t�x�1t&�RR�)�O))pT�PS�@ %*S � N>����JBF���4q��yqԤ� S��%8))� �A RJĦ)ɍB`���(��ӝRRħ$���)�'"
Jbd&�*N3�l�$�1 �#�o�Je &I%?���"R�? BIT�JRܒ�2�~RI wN &�(���H�Kt$B�j�$��P����&��IK�S���J^`�Jd�R��)��)�R���I)@J~��IK$) S$��Q)$��I�NR�M )�I���J\�R�2JQ)�r�u i)c�R��!%(��7)r��S�)$��R�1Rkg䒖�(0�R )�'��JZ��(IK'%!� ����S� �IKBx�� �R�O�mHIJ(I!�J\5(KR�JX��O�AIJ
��Gޒ@��ȅR%1�J\�� �)h)��AIJH$�IK��Bb�IJO��|Ӥ���"��2Je�R�'�IK�BվJ))�����D��Ir��$ $��J~R> )m�&�J1�[`���<�B~RR� �$%�JZ����J]4J~R:�����JSD��;L$uIKr�8 �AIK)j��L $�D���Jc *I�O )m���4Q�%0�'I<��eTΪ0��H)LBDIIK�L��IK� F��RD���O)�JPJ O��2J\Dy��N4L�� ĥ �Jc� ���$�� ))l��)� ����7�|RS�HS����1!"�@�))`e IH�����$IQ)�%.H=�@H��))r �( )��Z����l&$��6R�Bf�����SBq�[�IKjSB�s�.IK�J���|�q�%- �Qp��� ��<' �JY��M�#'⒖�&�R<&wAK�!>�K@R�� A�L��!H:����1ӺIS�Otă;e# *>ߚJ^c施�%� ���@�9i�Q.�Jb ����"9�p���S�N-#�>�\��� ��M�8�)�$��H_d� ��P�"RJI`�J����.pa$2/s�����Ĥ�L%�\�IJ��H��$�')��:��p�L� )n�D����)�I%,� ��' �p������&䤥�I$�� ���a"�II%+��LJh�J�a�xIJ)4$�%(�)�)H���N��ҒrS*=� )Iӝu:����%(�)�F��%.tL�� �����$��N�$��'
<��J_��Kn�Lh���i���IJN��R� �\���R������) D$�����)BxIJ�$�NR��)��)xH6RO�JP���e �_(��LGtҜIKD�� r��a$�&AJH��A�5IK T�m�)T� �9Ӕ�)P�j�e7))q�I����������)&�<�
_��"Sr��D%�S�iEJ"R�<��IJ�O ��)AK)�O=��))�e&�A�`�����Bh4$��$�tʈ�(ILJt�R�O�P���8L�!%,� �"RR��B~�A<$��
�8H4��hxH�*DLD RR�S�C�M0�JV�������uJR-'�hIK� �&RR�Q�R )rS�)�JIK��
P<R $�wt�BP����"hIK�Ҝ ���d�(JR�KR��5IJ)D$4I%1:�:B\'�%,$Ғ�<�&yO�h����~RK���:{G�L5LuN $�%�JCT�����s��SO�����RQ�%*g���F�HK@��wKA�SJp��\O& ��JA%1�)��cU ����dܧ:$uIJ$�e4$��QR� �))hH$RФ�wI4� )xH $��JV��2R��쒘�O$@�'���2BE8H�RS!�r�uIL��bJS))pS�I
RJ�J��R �!<��
�D���D�n�����?�h�)ϒJ` ���DwPq!%0qQ� ���JTO�H����7���
:�2 5C�$�% �xH 㩀�0���"`%�IKp�NSL�JZĄܤxIJ�N'
'���N)%�J\h�H$��"')��)GD��a�Jd��d��O�\�R���$�ƃ�[���䣪\&h��:�)?4�R�d�S�����N >J$�i���J@�\%�HPO 8�I^O)�JR����r���pR�' B}HPl���#D�)\%)&I+�%0��Q��� �R� ȟ��N@�E$(@O)�IK�%�RHj��%K�SBrR�4)�R� �H�))P�I�2@�JQ)�%4�:$��I�����& �M��� Q��IK�n��ɔ�$J��P |Rn�-�S BQ%+q�)@ �IK�h�D���)$�H��:~EJJ"S��py�$� B
Ze)J!-!.{&N���� R$�\�L��T�d�nR����H�%. &%.���)�L�))� %0�)�B*d
@� �AL�P��Jg�R�J]<�`a �%4���%%+��1�:J\ JL��H�L L�����By N�)S2u@IJJ�M))t�m�-�)pҜQ��IL�R��N�2JJe�KIQ��_���Ω�O%%/2e"��y���D�($] )&�h���IK� H��$$ ��@M�-�j����ڤ\�zJQ$(� ��e%)8ry) )����O�GT��J@N`�ZR�&�堧ڒ� ��rQ�R�?$�4���%,SL)L�$�
JP0�>�(�%,�ʉ���ΊM'����)}e"!0S!%1R��J!%/*)��l���L��L��) �)p��� iĔ��G*$BJQi�I!�R�{��)��
��%.d&�R$��bBFR���Bf��'������$�HA)�R%%20x)��Sr� ����a eHR�y|L&-����XH �*��))����Q���$/� ��R�0;��D�i�Rw�r�[���D��}�I��Dq �ξ)%c�LD���%,BS)J4IK��s�bIIJ�7 �M�JT���Ʃ)~:$4M���IB~�)R�? �R�2�I�%,4L�JJd!0L4H$��$��DŽ���)�I)s�NBQ撙�⒆�$����xHh���Ie0S���$&Te%.R�<&�%,4I9�(I
�O� ��Y$L&����)�Jc�P�T4NIp��IJs))d�O�BJX� $J�S�iJB�R�0H$�Jt�T�%(j�)$RR�t�P��{�� ��$L�$�ӴJ�Jp��D��H��IK'���RR�x �8�������R�Jt��S6�H(��P��$�)��))\�)��%/�b�Dy���Oʌ�%.RR~)�x���)���Q�IK�&�H�CT��ݾ
#D� |RR�"`$R%.�R�$�����@JI)iR%6�@IK̤����XIK'JR�
RR�
N�m$�$��-�<BnR���0���'Jt�H$�M��0�%3�(jR )��t�N�䄔�q)�* ��2RR��1>i��BJdt�e0I%/*2�R )d�S$R�BS)�)���% $��JRS(Jܑt����Ű�p ���B[a4�} )P��M2��R�>�Te<�J\�� n u�IK�Hh���D�� D��R���% �JRR�Sʌ�yIJ�)M�t�JP0����qR�I%2ܥ�
?d��~��� j����)��BJ[�S6�t�ß�Cȑ:�JJ_i�T�S��RRĖ��<�c )@�) SG�@�JT'1NO�2�&fR�IL��E.E�Ԕǔ� H%(%-�08�DK����`�IM�IKϚR��@ ��S
�R�%,u)�d$S� )btM�2��%.� �����O��~?�)�`�?��1%$��; ��� � R���'���
beK� $�%#�3�\��Dɶ�K�d��ܩHI%- '$��3� "�.SJ�!�%1>)���a��)x���ILI�T����)�p��6��Oa�J[�p%1K�����Ԇ�S))�JS�I�R����R�������S�o )i�N2RL`�����;j�B`S�L�ǚZ%�J[T鎡#�J^iʋ��Ɓ4I�����IO���a�i��)�Ԥ&� %�d�PN��%4�ܔ�JRpa0R|RR�$�L���@�����xJSRC �Q��2���"��)JJe�@��������$.�Q?))g&�'pI����!:I%nS�!(K���N��7 )s �0ԧ��%*HJSr��IK��&R�'��@BJT%) RԤ�'��S�Td�) ��:$!0T�S S�|�K���GD� �BJP��L4R ��%1�80�%2JZ0�M�Rܤ�& )JR��IL�� %L
L���K��>Ғ�'.�0��L@ )���T�
IZ H�Rܢ] !Dj� (����2��q�R
�)�%*e:� �IK������0�.S$�A9* ��IJH葙M )�� @Lf�%(9)�.RR�)����%*JS)� RR�EH�BRR�~S'R�r��I%-
I�JRR�IK��R������%$��L%�I�%.SBS)|RR�ܦ#^S���
I�H�IJ�$� �JJZ$tK���0RQIK̔���JW BD��J^R�7 �IJH�I-RR�8)�b��S�d�uIK��.��� a !1:���JS �IK��#T�Je�)P��p�A RS/�I��))�L�*@�TI����� B~R��7JQ )��"%DJRS=��ZB@���HILcDЧ#�FS&*dJb%%1;`Dʌ)�RR��� &��JcD��J@ʑ�D�S M�@�nIK ��&�)
=�)D�nS(IKG�\&:�S"S%)$����ۢ@�������'N&R��"gD���(�H&()��"�蘤��@����s�I)\'H$uIJI� RIK�OA9���t� �@� RR� �I%.�)�IQ�O?rJWt�&O ���12��%�JS��)r� )t�AI%?���
y��%$� �:b�W�y�%0K����D$&
I\%|�D�����)ۡ��&�G�%,�&Ԧ�%.��Bc�@JHT�4N�R�J�'�bIJ%%,��)%v��RRR���(1>)�$�Ήr�M�J_������$2�)�J�JX����R�"���&����)��D��B@' BJTB�yh�� ILHO�r$�D�� �J])M)r��&R��)d�)��RܤR��%2��'����))~R:&O�%*RO�����O)�aH�d�Z>))�l�
H4v�G���h- � ��$��M�O w��(��n옔�
%%22�0��IK�Le4��IJ��I(IJ%EI4$�L�R
�K@��s�)��N� BJ_��)�I)yN�Ƅ$5IK���Ҙ�%2��E%/ )�j�I)D�A2t���S $��J%(��)hO�I�ILF��<&IK�
�IJ�(LS���Nc)$�Ҙ���.R�T��OƅD��)r�Q��"{$����tL��)D��IKp��r��%+��H�IK��L ����$%>�(�%1:�H�)nĦ�<wIK
S���M�N4IK��O))n8N
ba$��Q"L�r��J]$�I%,uI.���JR�!�J\�b�RR����IK�S)D�IL��T8O))��"Te8�`$�@�2�a-IL�;J��))$�o�`��T���� �Ф�&iI�w))qƊU-�� )mſ4�ʋ� �[�)�D�N��f��IL��)��>I:�?z��*d4N� 'IK�NTC�T�R�U �Jv��Z�$ ���S$���2JP'�4�L��)���Jc r�1�%.5Q�9�12���P�J]JTS�IIJ��H )�IJO2�$).�M�I+$� �JX��H��J_�P�R���Q?$��KB���h|���IK�I(I%?���
]�%:$����Ԃv� �ILN��M:)4��%,A��8 $���$Ғ��9)ۢIb��N��JX�����IK �)&IK�L
t�$).RR�))n�8j�bIG��j��O�Jc�4)�bIJ�<%������JZ��IJ�-Ħ���<�i�ҒY�0)�y��Z�iL �2�)�&�Ĥ�I(�)A))yN�S�R�)
S�$�p�@'
���I�*`h���Ja�>�R'�$������$ @�IJ�3�b S(M�Q$��RC6�"Oܑ1ꜘI+n�-�
��4�JHco�DG L�U R�R����4��S�1Ф�Jv�TL�$��JZ(�I$2�>� �@$�� n�ОR��iNB@JJZJ}S��Ԕ�!8
Q $���$����̥ �� g�����;�1�S�Hc��Otĩ�8MS��K�����? �$�����I)P� $RR�AN����9 �RJ�BIƩ))h1
4В�!�\�BIT%�CD�HT$'M�JPJd�H IKJ\% ÉIK �*Z�!%(r���}�)a�s�hO���d���%*T�M�D������)�SR�&�$��RJ! $��q�M Υ(����xL5H��%)$�� RR�I7 �IKD��JS$�wHh�%2JQJ%?%(���yLJP�������R��J\��PAL�R�R$�D��'� �g���L�;$�"tI�
b�� �P�H蒗&�H�JQpN=�$�4PH��$�8��iHj�� �$ғ�h���$�AK�\�%8�c�y��&&R�M����Jd
[�)G�c�F`TȐ�ң�yAL�dҘ��S�:&:��BIr����e.RB�/$�)L$�H% $��H&�%%%.�j��@JJP�)��)�%/
$�"BJT�0NBJPH��R��SBd�JXh�$e0Ԥ��L�J�����BI��$�D S� ��{�� � �B@�IQJ{%)����ʐ����%.H��`<T�2H\7T�D�T����K���IR`�֩���jx�=Q))`��D�RR���� SIJ$���䐺iLJi���t%�TI,˥FSL''�$*Sr�i��˄�0 �
J^e4�5N@ )S)jS��IJ�"�Jc�J\�$��x��R��}�)[e<&iN��i i�H�Ĥ�� n�1�2J_wt�%$�R�:d�$�O�m�%2�"Td�IL� &ݢn$�˥)Q�JS?�
0�$�$�B`� K���R"�+N��$� p������%)$����Hp�IT%�\��I \
`�eɣS))mJe8�%-�DJ~���) ���D |R%�2R���q �))p &�N���Vp ��yH��RB����NA �))Q%? |~))P�Gu �GR��)�$�BQ �`%�T��N�BJT������)bS��yK���� �O���%7 $���T��)@&�R:'IJ�JAM�~t�{(��K]䒖����M�I\������RC!-��2S��$�`�!9 ���R%6Ԕ�1v�(�e3�^�)�2%I�R%,5Je<&�I*!4'�%��JP����S� ���e:iIK�@�uuIK�Z$�))CT�'��J[��BJV�N�b��7 jRIK���T@$�IL���K�M�7)�R�c�t�%(Jb�Bb����M2�RJ�Ĥ��()�
%߅ R�r��))Q%8��%-0�����JJX�
$Jr����S)�������(�)�IJ Ȅ� ))\%0�$9IK�SBE a%*e2rSh��)&���R�D�
yIK�� �������"e4���R)�
R����9
3%2 r����IJ!$��JJV�0�$�J_��Rq�{�D��%$�S�����?*��n�%(LuRS RR� r�?� %s碊��H�
���pS$�Z �% wHj�2RJ��T�G*@ ���`��J�ײ\���!��� {��� )�6�;�!�'s��꒔JiM��ȘM�.$( %)�;% )R�)%�T�%�p���)����N5L )Q ��a8��S�Q
@�i�����"��!8ה�Ɖ)b��R%+�h��JZa:n�%/0�)�����LL�H�RR�&��IJ�7)�)IKr�t�))D��"4LRR�JS�))���4BrA-���Hj��t$��I qM�)���B~
bgD�II
' �� O))D���M:&IL�J �ۄ���J~䔾�Qq���IK�G�� �BQ))v�HM�4$�� &:��IK���4'थk ��@��:%�O ��SBI%���L����R���
\����
D�t����(O�@JJX蘕# �AILS�H�8��4BJP�Kv���))ptQ�9�����)�Hr�� �㤤�<��KE�JQ�<�))yM)�$��O�a8))p%2�))�� s�(RR���ӄ������%1:'� S̤��Jr��D��a��!BS�))}@�R:�4C�%�RS$�F���%2�И�R!%.DvM��5�D����l�0�))[tM�<��ĉJ����)b�Ч�E�%,�eO�ܤ�� ��ӸP $�0��)@IL8 ��ILR��)4@ILJr�u*E"� �)��IJJ}�Q%%. �q R�IKr����%$���6Ҧ]? $��蘧t҂��|�R��� �Q���%2LL�L$xIK�Odڔ����)ݢ` I$��H� L�W L�J!%(��y����R��uN��<&�.�)nr��(�D�?zIp���I)��$��r#��4��G�b��)%\&:�IJ)���T���&� %!�JRe$В��d��DBJfv��� j�y �SI<��S���@��Hp��p��P�"
�2��J~�.�%p䎉�HRR�)�eL5H@IJe`r� n��RS)Q&�)�꒗ޞI�(L$] )���ʌ�%2%D�H�$�%)pIK�)�))!\&�RH���H'��I JP��':$��K��'���!)�ҒW��:����jS�� !\$��)%(#��0����� M2� )yLJ`�%%.5N
a)
R�.� QR�I$�+@r� $�r�p�����"�����Q���D�AK�Je3�I%/%"t��LJJdA &O�'
�'�d��i���M)$��H�K���c� $��:JWdܤtN �VN )�>�!rI�$�)JJQ�$�Ԥ�����$��Ʃ�)!9�R� L��RIK ���������-D��y����.R*O� ۫|�))��<�9L�%.Ѹ����tS�D�JFJI��!%1)D�Jc�JT�I�B�t���&�H�T�Ȩ��nRS'�QKR���D���В��LIK��)S)JED����Q$��e1�%. c�H(��J^RM�I)���d�IK�d��%.Ji)�S���:9IA<�J^R�Ĥ`�I6��IK�d�%4BJW ��tIKpR(�����S)���4�p-R�JtВ��M) �JJT�0��))R���&������iJIIJܑrD�BII�% D����O�T ��T���CD��H���S)�GdۉIJ�N`����wIJ�SIK���U&�8��%,4LuR�L���(*DG�D��KD�L�����D�%())P��iI"{���'N�?�M)7D��LuJa)IJ����D��q%)K��$��R��I JE8 ��"�p��:< c� 0Cl��D�
T�R���%*S�M)�\A1�IK�2��%(NI)(� )r�BD�̔���I' ���p�BS )i�S S�☔��a"& Ɖ)hII$�� ���ɀ�n��%-�
IP�S�LJI)S
AD��IL���L�IL�BnTJEҒ�
�'�� �y))N��R&S )xH��nRB��d��I*��ΉJJRxL$�%(HhR��T��&�RN�����N��!"e1)�I,� Jb�HQJ%)JRR�<JiJRRJa$�L�R) ��J`�RR��2t���@�iJRS)JBC��R��N�)vI%.�SJiIK�S ��IK�� O�J[���Ҝ��
Z��5N5))��>!@-TL|R�4�N�(���~ �.:)�@
�a%-�q�DB^))[O)�L�p��퐔J��i%%(�����'o j)hRS8���'<���NIM�IJI-��RRҝ4$:$��rAH�Sm))y L蛔�R�82�% ���IJ�IJ��Jd�%) �Hh��J\Hꢥ�IK'�7 �IL�� *ʑ Т����2�h hR�LJ�����
@Jn�L��� �R�����x�Te-�i:���Hk)�J\���3�Q�IK��%)�IK%�D�^I)y����$��5LJy��)I� �%-�Z��4�%*a/ʐ��$�Jp��i���)p���JY�)��[��R��2�SI )��<J}�)I))�b
�1IK��iIJ�� JJd)� �d��JDBr!D���JhRD꒖NuI?))�q�/*<$�7O�~)�I �E JI RR�4������$� )t�fS�������1)��)�N��R���\�����a��+�R:����� ��8�9הT��!2)i� �AK D�)������)����� �M�J^d�L�H�}#�2Im> )\����@AJ�1ӄ�Ot�t���A����wI,T�~�0O �h��))R��(��C S%�yI+�h�D蜔���6��ҒJe2���R�%2��&<' �J!%,L�!1�$�
�ܤ9IL�KD�S����eFS��IK
?d�0�V
�.8L�RC=ɦTS���0I$���GD��I+) S�P��N�)��<Jt��%,4JS�D$��p���� r�*\���)�S��� Nu�%,�
$�[�K"R:&�L�I2S )t�Je"e%*R1 $��')�1IK�iO)�J^S��T���������<�H��Ʃ�)���R�M)JJTBp��.R�N��h� IJ�
p� ILyRh� R�IJԧ�JR쒗�N��D{�N2|�S'� H�
$j�����w���Q)
QR�<���
^TT�L���K�QN��v�~)$ ���@&Ja%.� �2� D�JW s�LL$��<���2*]8y ���AIkǁQ�$ѷ��#�%0:'��d���$�%2�-%F���R:�H@))@�rRLRR��)�NR瀢��%+�����$��
R�2J]"t���Rq��!)��2JRd�9lD��%,tM�I�JZ2yIKJxN)�%1J��J]4�p!-S�O�O ��8NuIK�)���$�� �(���v� �%.RR�hR�M�JX��~�8ILyH���JYHh��s )��� ��:��� I)�Jb�m���
�L�)s�%1N���%)EJL`$�r��!>�a%,JiR% )bS�&ڒ�$'�0l$�vK��$��(��#v��h��)�Ҕ$��S�К�RR�T����D`$$�D'� �
@$�.��%�P�=�J��-�� ��8v�))Mn�B �� ����B
FA)���T�)p�� �L$���H;$S��1�"�M z*^IM�P��,D�\�:��J~%�*Rt�"!)(K��%/ �$�!be:iH$�Q)�O0�R�'��%-2� �I�5 )S )n�[T��)I&I%(�#D�%2�$ۂI)���%;xP�4�I+�e76!G���\�!�JY$�<$���B! ���Jv��)�J]"��))\'Kt�̤�RyQ��%2��QT�IK SL��@JJY8R�Zѿ�< ?�R3�bQnk�f��6#�1 0�(�I
0�R��'O BJY$�S�IZROƩ)!i�NZ�J�IK@<�$�&���Ɖ!h�J]#�\��ILyO |�JX�D�IJH�O�4BJ[��J$��%,�� $BJb�O�:$��� Ν�RД')�IJ"%<�D$���)�M0��p���)I%)�@�
fL&!,S)�L��}�E#��D��)r���R� �HIK�$JA+�Н R�JpIJ�$�%��
q4'IKp��S��'�~`RR D'RR�$RM�Jd5�"� � )`��b4R�ILAO) �%1�O��(Ĥ�E�����0�R�%%.RIJJe9�2J\ܧ� j))GT�%))~�#�b����% �����>��L�:�����7�Jd!>�TyI%2� �|�JA%+��
Z�D�� ����%+��BP���I# ��)~m���RR婢9N2>i)p���2�BJV�!�GT�T��BIJR���?�1>)nIJ�4��N\SnIK�LuJR���M�M�)pSm�S!!�JY�&�4O�G�%0�1�NG�nRR�"@K��ș��Q)�� !`���p4H:R�"�Q&uIKƉr��D̞�%p�{��BS �JJ^|4N]��� iB`"������������_��*e�4���� ���ǒ�*T�%1p n����QR ��%(@ �)���TL�%I
@Js�HC�gh�H 0�V���=�$�J_� �)yI4JR��Sr�2J\ QN� )I�&> $�r�I"RJ�)
�"#T��N5Q��������R )]�R ��Q&R�$�'�%,� ��R�D������)D�nȘ�%('�$ %���$���J��� G!��A J�������*o�6� �J\��NBI%@�GD��%+�I�1IJ� S)7T�̔�&R�$�:� �� )b5L�)�� *!Lh�KT�82�Yl�ʌi �꒗ B[�1q�SjRC �3��%$��CU(�RR�U)Je$,5O%�& �����IJ�NtLDBJQLRNRН �JRd�I)hNI%+��)%28#��t���)NSp�����थ�N4
$�iIK� ��IK ��ܥ)CT���&:"��L��$��오{% )bR��6Ԕ�I?)�T�)r��))x��ऊ�� &�O�JT$P�.�%<$����O)�%. ��&�%2:&�H�����j��10��JW ۡQH蒙�`!'r�BJ]J� ��J\�Q�<�%. '%02�<S��)QR�I%E#
PR�"a.�JR�O�M )R�%)L$��%?d�Z��j� �QIK�2r�BJRI�%($a#�CT�� �L�JW)����L��L&���J\� �8���\'�%-���"�@ i))�pa(!:Jb�9
A2JX I80�IKD�H��䒘�%81�)HςJX�9LS� r���D%<�R� �8t|�RS i�nS �� ��1$$��%7 %)2I�%,4N�2��)p%$�)�))nR��JJJQ2�@위�$����-�0 JJQ*<����Oe':~JD�%/$�픃@N] )}���@���Jf� @Oh<�����R"8�(��� � �4�JF� �9N�S��k�FO� SIK�8K����D���)�NL�����4�:��<���d�NB��i�� �%)�H꒗��)�Ғ�R&SI;$RR��`�KD��O��%.5Hr�"a%(L�bRR� ��d�)^
s%F%H !%-))AI%?���R.'I�@j�J�J\��IK
S� �JX��:d��2���C�"e9I* � �J%%*e2� �R�Jpb�J^@OʈN�� JnRS �TS����@��.�%x��Bc�~B� Ò���r�!9%0���e0�T�BE%/"|�L'�%-�q�Q ��%1I9�Ka�%-$ $�J]$��%/)��0R$�)*1 �))�O%9�(IKD$Bp����%)�
b�BQ)�R�L% p���)&:$�J%) )p`��s�$�;E T� i�JJYJ Q�N��B`
p� IJ ����8�JX��)'� %. �&�:D���m ��eO)���JE���NL��4J[`��CT�����&&R��D�)�RS JCT�8IK�� �'�JW ����G���jZ��%.�hNIJㄡ9��EKD�2 �N�
b�6�<% )@�& L���m�9 �|�S��>�%*a<�@(���E2J]"a0NBJT$�E%/ L�rJ_��IK�
`���<��0)@����R��R� ���e%*SJ~Sp��L$
\���$�� �)S)� �J^R�M�Q<$�D��:JZO"���HO� �$
J\BbД�RR� �y��)`"��%(��$�IKHH�GD����%$��B\�J[�R�D�%�%-�J\(�4I Ҕ}�)n� @ ��IJ�[JRJp $��Bc�$���JP?z~T&II �;��u;��4�ĺ�
.���If %Hj� Dn���OSr��)��AKѤ�$���\��$).%)%c�PB~5<�IJ)�A:p��LRR�.R�$���E4'�I��)\&�-�4�gX%1�H'Te%.5O�7<��JR\& �R�O2�<��!s��)��r�t�����I )a�p�0�%.
���D e%$�CI%?���<ʌ�q�JRQ)�$�!"�8I RO�IRtᰘ���q �))��1 ���)r��SJJRx��'Ф�
��D�A7 !S)��ϒIZ���-�|�H$(uR���JK �B~RR�BD�R���4'#��)�)�1)�JJT':�&R:$� Sr�s�JRbe$�R�))���R�t� �IJN &���)y��%#�M�Jd Jn��)�Q�<��� H
1 �B*XHR �:w�*<SD���)q�\���)@�H�L�JS�) ΥFRK!�uH��$2�HHQ��IK��I��)$T�JgJyH���ĩD�҂�D(���L��@ �g�~PR�< )��Ч ��� $�%1RLN�)`IRژ O�JV��M�� $�4"8 9C�%/�J�)%)? �0p�"�Ʉɥ"RR�Ӷ`��ʐ0�
c�I���RR���b�$�r�D%���9O�4"��
T��-b��O ���JX�)D� ���' �$$���<JpR�$ħ�RR�'0%;�Jc �5NuH���a0$�IJ�� D$�B~�%.�Bh��%2KB� h�� �J`����"�O�Lg���BxKR�P��BQ ���JJ_T�NJJQ6�R2RIJ ��
D�"R��K���Mۄ�-RR�K�����%,S � vKqI+��HIH����s�JJP����O��&S��%8�%.��I��1�%-2R!�i))��L5L |S���Eԥ�O�S�2�uD�P!%(k
f��{F�)������R�L5*B�)%@')�����Z�S�&IK�I�IK8�J'��"��TS�����$&E
��:Q(%d��D��$*$%�T�i!$��:I�IJ�����&�$�JP ��I��㔁L �L� &�%.�d�S���#�@%�i��˃����? �H$��4�x��%(&:��������� ��)pe8%.BP�a1�K@��I*#TД��e%*S���I
:&*Aſ4�))e8iʋD��)%���
�d�9�$��� �|BJg"R�;�ILL�NZ;%�x$�1 '� ���%1H���Ĥ�A)l#� I=�r���e/L�D$BJe�>��#�Q� )x����. �"�[G�c�p��B
dD�i �=�S'�Z��'QR��Б9J#�
X�O�x��RR�x��� ����bA��
G��@H�9AKr��%��� )@�Jp�%6q ���tk �J�'N)�S"�S�gJ}BJP � AIJ%)N"��d�d����J$��h�%1��;�be%- � #� $��&�H����p����� � �N
c�%%-)��"e0��mL9O��ᨩb% ��Გ�F�0B �bS ��6�Kl$��4蜶SBJP)��c����90������2��q�~R���J\�IL`����.RRИ�H���4Jt�EK�
� �%<D�� )P�=�INRR�LuK��J]< Ĥ�B\wM�S))Z�$�a"RR�K@���S!0 ))B�;&�IK@O�-�� ���
s�IJNhO�J\ N��T�u��� )� ��)x �FR$���%���H��RR�� #�d��J[R�)�&x$��Gt�D��Ω%�x�%,�"R�xLx�����aH �%#�8O�10��)�L����%D�R)�%, $L�S��D���˵wm;&"S�-�%(��&0uO �M�JP)D$ �� ����M))C�r�j�%(�P:�9�:� R턡3tR%-�A�OC�gjS�1�H��W)hI(� e<B
X�O�d��S%0�)!I��O )i!8H�5EJ�]��(NBn�%n'H�IK
O�Q )a�I�M�J\h���t�L�����.H� �IJ&R�(K��ɺ$�0� RR�$�$�����yM� ��$���p�� a%.JyQ�N5IK� �E%+q%12�@���
<'K�JR@�(IJ )wR ���BP�!(���)h{��P�0�0r��RS0TÈ 6�G��� *JE%�Jc
RTF�)Q)�H���$���&"Sp�RJ�%�`%>�)x�T ��)�B�1I#�JP�$ %�JRI $��2�꒖&��O )`a<i昔�R���D'�Z��ӄ��L[)�R�R:�HIIK��0�8 $�I*Z��j�5ILD�Gհ��'�Q��%- B\$���uN ���IK�� )�N ��.n���$$ 䂔5�n�$
g EKp�P�������䀔��%,�JPe<$�D�H JR��˧�I���c�P�\ܒ�ĤB�O)�R���2� )`R�8�-�$��rGd�
S!�F�M))p�Iv��5O�
JT��HL`��# )baD$R )pS��D�HjPR���a6�O��IK �R2�q�b K�� )\�J\��% )I�!�[@ALHN )�%�D��'�� �BJP�!L��2�����q=�DvKT�IJ��}q���A( JJQ2�&:��h�&H���r�)���Q �J�IKD��SΩ)Q)� BJV���'� �������ґ���ʛ���j�p���꒔M$% �⒖� ��O$�ILK�NSJJ_D�(����)�H��JP)�LBd��q%"$� Jh��))d�&kI�r��%3��i�ߕ��D"x�W�IL&ԥ�1))DBy
)pR�BiJ{$�ؤ]�q ��ml�3&RJ�R�� �HQl�r�$��~��)�T��[���LB����> �|Sκ� )F�R&SJJQ�0��
JR�۸h��
BtQ(�� �
$��L5N�T��t�()c��@�<��%* G�@�IJL�1IJ<$��? )@�b����� �Iĸ���SBs�`%%*�R:&�����\��� %(�L'��IKr�$|�8IL���)
��%.�I$���၀<"`)�~�*Dm��x��T��%*0���ȥ ��02RS(��J[���|RR� � n"!0iIK�d�S�#%,I)�:� ��$�BI���<��"��i���/l����� ���N�?���`��RJ��HHQ���!����q)����JD�Z� RR�&%)���%R�R�2�$��\wL\� �W�Je4�q�H]��5L5KNR�I�R�KT���?�@��JpBn蒖O �ܤ���8 �j�2:�L����A9*)�J%%*%1NSh��DF�)�S�*aH Q�F69:"��!D)@w�PS��S�
D���IL`��t 4�ܘ�/�>��$�@<����%,���h#���ܒ��J R� )� BJbZ� )
�i�6��$��)j� ʁ $����� �D��%0�4IKRS����[8'� �%1�SD�G�(%%,%�JD$� �D�NuJILd۔��(����O�58)M�H��)
A*!,R)�Ldr�� BCD��J^Jc�~S$�����B�BJ\ H��7 )\'��t�L����J@n M0���O!1� HIK���S)�����%)JRR�)��)��)����&&RR�S�R� ���R�B��@-�$�%��*$��\&�I$���i ȄҒ���p)�)�L��)CB�G�[�%.�)M$��q�Q)ILuIL�LtH�))�%�r�BJc)�I%/)Ʌ � h���R.Q)�IK̥)� a$�H&H�IL�1���������HS��LtH������D�1 �IL� �"T��|S<A��IK ��#���!l7S�� ~I,5�SD��DK�(db�f�� tIJ� |�픈�IJ���J�q0 �D�I �iJRS)�8*)� ]��#�3�(.IJtvQO ��䒖�Oʏ*\$�pL��M�JW �⟔�D��\�y )BO �� p���1H�JT���|RR�4�8A"g�%)$���h���RR��<��%7%.&RR��K��' )@�*\&)�IJ�$���S���O)���%�]"�⊗) 4�O9�%,D%ʜϵ1�� � �F@O�%2��-���D��⣺xL\JJ\�"TSĤ�J\�? )��L��G�3ƽ�S��SJmJJe��?7D�[�����T` ��O)�!$2q�%7*$������)��BbJJd�TI%-JI^a2t�IK��CD�I
�(Hh�RJ�(��D��)!�BRRJa%( J%$��RS! znR�;� ��H�� D��@�4�&I%/$��Je)EK)D&R�%*!J(� �D���2p<�IK�lwH&��� &%��%.߂�(
T��.5�c�`�ȩ��Ħ���S))}J\�Ā�y����<�bO�JT��`a%,I)�N�Sj��O)�)���)y���LH%+��yNL$�$Ba�H���T�
K��)���K���p )GT�H��R���1%%/)7D��1 )s�� M�)re12��0l���0�R�p������b��
S ������% �Sꊔ�%��s�AJ�2Z�RR�2\%���OD$�Ω��'���)Ɖ$RRĦR
�S�ILxL���))�0��Õ )n�9�S���t�I�$�� �O)���%12��S� ����L�R�M�xM�%.�&�&�S�AILS>S SS)��%- J�?�RR�.�80�� L��mJJZ!$�D�JJQ�4�Q R���\�9O 4��% �$��%(Hƚ��2BCYK��e%.TS���%@Jp{D����S�� ���)�2RR�)����ԥ)�����J`&o)�%%�'PAC�%3N��&Ԥ�[��� �<RS�ӧ�raD�))D�)�92|�HRZ��p�U�.D$$ 9AKJ~R��HIK
%K�ܤ�� �t��?&�IK醩�R�1N�B
c���JR�$�L<�R���hH���ȑ�"���D$B\�:��T�$���n~I�))b�JI��%/ �)h
JT�$� �S����4�2S�Ψ%��
S��Ă�:xL�:p������ʌ���EL��p�L�2�� ����K���)P��)�R�8�1�IJ)D�R%- �Ҥ!%0��\��JR�L��H�R�%&p
$:$�.M$&���)@��4�EI*�$��RB��7)�s�JY(JeH IKr�~I����>��8�%,])r�pJ��e(N� �Ne d���O�D�R%)EH�"R�Jx)o0�t��� � ��w�0!)�Ja) %.�EJH��D�$�
�L�BJ\(��%()v�(
Ԣ��R��S����v�
C�%/�D�%�t���%.�t$ZG)m))E �6��%1Щh���R�Җ�R5IJ�XM2�R�!,P�HHH�%*%8 JQ�p!$���%2L
b�TT�t�*)�AK yN�S�))I��
��2Jf@MAKB�\x�MIK�ꘘH�)�IJ'T�Q!(����H8�$�@�EТ}��R��x)`B}��M�\$��RL$R��"��R��1K���e4��t� �J^JpS%�JV��)�%2m�i�'N �R�a0%<$IK��XM�}JJP�H~
�d� �R�Kq:'$ Ɍx$��N%8 �N )n5R�Q�-�j��N�i�L�}��%(���RR�&�?)���JT�PB~ )S �)<�N�)h)�2�Ja���M!%0:�Z���<HIH�S���S씩JI)���P�SO�� D$��!Ki�)��O )���%�0� i)� L'�&ڒ� � h5IJ�NuM �ɣS�P<)�?�"S!�`e4�\��ɅN��R�����d�B�)��ܤ�� $`%�JX����*Q2�� �$��(��D$������H� ���"RJR���7)��)'�_�˄�
W r�&EK�lp� ��m!N}��>j ��JV�à�D't�
JY2N�8�%,�� �%.\|R&R�I$�S���xO�iKD��)�U��tAJ�@�
J$HEJ�!�JpR��҄��<�R�<%���p�����H�5H EK%�O $�Ɓ8 ���:���M�;E JHc ��<h���r�:� I,Ɓ7)$|R�)��I)R��BIK$ĥ�H� ���? �$.'%$% )DJDJA<$�p�Q)�R��'N���) Ȕ�IJ�K��E%2�M�p N[&RR�I�Т��# )p��AKJq�AH�����tT��&�N� )pА
R�/�x��} �IJ��a�N�RR�O�@J\����� R�N
P#�;L%�q��m��Bx��))�i� ��$4����^�JZOt��[��c�JZc���M��iILI�� D%�ӄ��$q� ��Q $�q�bHH4�-BJc�bIN�%,��S�*M�
G�S�"�n�T��&H�&RS ���rS
JJ[�)�p� �� H�%#�%7j%FL�������ɡ%1��a(��$���)�J#ZIM��O)D' ��rS�S�$RR�7*g�Fa%,� � e%-)%)))@'LtM2��K��<�JZp���$��N��JT���Ďa4"uKt��7����80���)��IKD�H�T� )q����FIIJ)�)D$���]-�s>� ) �h��>Iڒ��D�IRq�����t� ��)��JJ\��be;Bp�ILRT�e#�))�BnT���$�%?d��) R���@��
���RR��������Bmɥ.RR��(�$��x'ܡ�H��9
� R�@�L �JR��2����4$��N�Bd��S�TO��JQ��)
R�$���1O�%*p�r� b#D�������&��Ɉ쒖2�Jt�BJ^nxH��AJQR2*Q��b!#�FPR�)J~R���M)�S R:�JtT�~
<)Lܠ��%!柄��D�JZ$�I!2���a%*R8n�a# )i��1 iJJW &�H':��Jt��Gt��DڒJ���F�� )p����!�b!!�JfSCT� $�0��� $uEK�)�$�D�:d�����)�$��� @�$$�� S�ܩ�����'�2!@
RR���Js�~RS S�)�8��&�RQ0����B#�4����&���)�CT�쒗 $p��$4K��R�$� �R���L '���!<&�JS0� ���(P�H���)��%%/�Nu��F!H"�JP��H7�JTBCD�4��D�HS��Jc
]�D�N
_CʈNa"�T�M)��AJ#-�0�J\��8Q%(�yN �D�%/$�4K��)[�'�>��l��U))�T���� N�o:�BG�%,��)��� ))���<B����<�� ��P�$����D% �IKi�)� �:h���12�J}�q�JY�yS b�T��c�a �LL�DIK%ư��܊�T��S ()IANd�$�T��]
";�p�
\>>j:� �|JdH �����4���*3)��H������p�$��nJe4'�蒖�S�i��ڤ�Fa"���JQ�2D�d�JW)�'�)}���8 )PK���JY&�H ���� �!7<'�����1�)�IL�H��IJ���a<$��Nt r���T��j�$$���1NRh))FAKT��N�)��� ��� )b@��JD����:��R� )r�KqH4�BJX��"S�k %�H�"S RB������IKQ�9 � $�ũ� IIJ �)IJ)��c�JV�10��$�7�#�x����ǔ�
������JAIKJ}P�[ )��v��$��$�#�S %hNJA���0�<J�1�S��R�T��r%4G�J]���t#�1)m)m���?���Τ����)d�N]�R�c�D&))q�v�Ja���N���}�$�H�M�JT$J~ɈIJ�K��%))DB\�*\$��':�tIK�hQ�ɈIJ�2�Ω�$��N!8�%1 rq$�R��ƩL�3�Jd�h> $����B\&Hh�W$�:ߴ��� )pS� �yIK@N5JRR� J~j��R� S�JP Ԥ�x&JRR��)�92�����D���}ڧ[�$�Bgm#�H��@�Ԥ�$�� :I)A��900�B� �T�I�(����':� %i��H�IK�H�$�r�h)�IK��\$
s !I�.IK���T�$�'�3JyIJ���J@���%"�8������}��.S $r�RT�p�IL4H O�EҒ�pM�Jc y��郀O3�%2����T���0h�J\����J]H�����)B@�qaihBJ\JxQ�Ji�%2�>�����J]��O��"� )}�%�� N5�$�s 8�b�5�Tu���d��Q&�SAIK��4�$�� �BCT��uQ&R&S� �
S� JJ\IĒ�)L�����r�ꊖ�NS��L�ܑ�L4IK�&��|� )y2��II�JnRR�����v�&�����������H�r��])�JY<Gt�QIKħ:&.M�JTJ~N��S�$$���A��L��&�L5S 7@gD��@��O��<��e<�t�$�j'&R��JbS�D�!%*a c�n�JJ^%4$�Ot���JO
$x�$�
R�)4BRa%0s�O� �� �RS̩�S �쒖�%�x Ʉ��t$R
H�%#�� �jJc �!N<,))�� �#��%/ '��@M�RJ� `h�B~�C�0�aE$� (����HQLBE$����\'" )iO�d�$��J O�\��r@JCT�$��-G*S ��)c�A�����IK���"RR�QO2���%*%"�jc�I\蘄�����DwM*N�6�%Z�-B���QS2��
d����(�uQ)
JTJntO�n4IKBe0@M�JJZ% � &�%1 jR�S�d�͚�����&a �))D�iR:�)�JP$JIBJa�s�)%�RR�R
�4� Ή)d�)H蒗 � �ia-w#D� �BJZH�9N��'�1�$��� d <� �$5M))p��L'))y)(�J�����D�)A*<� ���JRpR�FQS"S��4�$
JW)
RN4IJRQ��IK�p�
R�D�H�$� �؍T���थpϚ!�!))?����<�R�I4B�t$����w�JZS~E"AM�JT�Ҝ�$��RS$��8�yFSΚ$�'L5JR����)�R�JS��RB���SB�Ԕ��x)�(���N
IL$��)����� �L4R.슔N┄�RRڥ2�)�(�>�|Rܒ����D��,@R�BS�� ����)�tIL�����%-)��JV�H�ħ �����M�PJJ^R�1�t$�ƊS�
М���IJǔ�L~<� �IL�D��e2JQ���!�LR�
C_$��be%(�S�r@IKp���e IJ�B~RS!(%<�"BJbD(�%.R�' %�%*%2s��7))!�sϏ�T@��
��TT���r��()��6��✗:���2x�IK�D�� �R� 4���"R�:n5%(�M� �䤦 �Z�>��T�ʗ)�JP '�"����R�#�`���Hj�4�-%,��RBJ`Jx�( h� IJ �x��p����!�r! Ғ��SnO��$��&��h�RS=
_%�Nx�%. ��R��U۔�
�0����PGe
�y�TK��%/�1�R��JY"A� � �e%-3�'�
R%9l�RS ��&����)�
JZa!�_�!%+��'�m�D�� �G��ILۢp� '�%.���)(�Zx(��<��xIK(�*a6�1#��Bc))CD�'O )�$Z
I����kIQ"4R�H6JJa�N5��8���Ԥ�
�"
5Qp�����@ �@�\�&�Jh���:�
D�RR�Ӧ�NPR�);T�7%%/0�e4Bq�JXh�2�#�M2������&�.S��� Ʃ�;$�JCT�0I
D�N5I+�H�>
))@ �M�O�%1 �rR���B\���IK��t�H%�J^JIJI)���&�R!)�J�� ���QS!:��0uHI%/�H&� %%,t)ĥ
I)`�u�E >)�B�$��0�U ��K��JSL�7f�F�)f�)����܆���ڧ��gx���Nn5���R��I BhO �%+��4%�I*0�%1����L4JRK)����%� )�q�I�H\��H$R�)�r�����Je6�थq�vꟄ�))R� SL%%%/%��*[� y3��4��2�R�% )pAR�G@����-�(�
@h��|�d 2�"� ��w��j��Bm�$��!.r��� (ħIL�Ja1�0IL�By�R�����ʌ�H�2R�� y(��d�:S<%�Jf�SKy�M&QR�S��ħ&x)PR��_ �꒙ D&�(IL�N (�)I=�Rۣ�`Jy���%,d�K�ܤ�Bh
Z�))d�0�>�%-�<%�R%.��b��.R�O���%&R��2�))n��p���>��S�JV䎩':��������O�JT$BA��� )n$��BQ))`� NZSBJW)�S���%+��<����m���aHH5J#�JX ���Q))sD�Nx�4�J]!0�� $�Ip�;�"@ �S �%2.M1�"a#�JV�<)n�D8�i���@����2
iIL�&�L
}JT��-g8�>))D��hN%%(�)|S�)JP��TL-Ғ��mФ�BJ\I�S'����Ĕ�3�4�IK�3)�%;tIJ��.
mS$�S L���O)���R��Z
&$4ILxL]���H�)�;L$B@���ܟD�N�Nt�%0!"R&Sr����8LtJa%,JbBp��xIK�!F%"%4��%/1�0H���%*S�R
y����M0�$RR�D�
n)P�!9�7))RBbJt�IKT���!4Bs���)NJNn�A�- <�m�7F�"��H Ja(HJ&O�t���P�j�����Gޗ )D�5J�%*a0�N��J_��)������d��;D$�L� J~R�⒖�$�IO����"L�&:&�.�#! �C)�S�AJ �y����� �$'�%2Oʉ2���$��9�� Ʃ)n�$Ҝ蒖���L��D)
`ӄ�'��Ĺ ��!��(�vIL�̓)�(�>i)be9ӎ�5���%. ��D�4H�'�O) R�'�Jd���D&<�JW)��$�W��C̕%d|�B�
R�a�JdH)�BI)E?
2J�@ILS�iR�Zd!%,%)�>i"���S� ���!6�Z0��)" &
��ǔ�� )p ��!-БrJT��$ڔ�~))p�8Kt�Sr������)��))F
[e4Bpd����R�;�:p��J_��Sp��䢥$� h�[%(����O:�j~R��R�'�0 �T���T�����Ч� nܒ�I=�I $R� �rS��8 t�4���)Hj��%. %0��!%/�-Ң���J}
������`uR�& ���
g�N��RJ�@��4��pH����))�JJJd����w@Q�EK�|�)L ��A)�KxM�{$���'k�)��*b!H�s� 5AJR$u��JT�O�Gt��))�)Z���ri���NR$� )r|R�)JJTx��Q2��%/ʐ��D�))�0�HH�
RR�)�M0����y
'D�)��-fS��2D�Jd5M0�4$�Jy��&�IK�%
;�JRR�9:(JR���fR%3�6�))�R�'�J<e8t��� \�<�Ot�$r��L��t�BJX��S*B )��D������O�"e6��JPd)��8))��[e8��递�
"B���%%,S���M$����)��ߕ%2���'� �))mҘj�R�IJ%)���ܤ���$�N���:��))]�Jx � ���%- ��Sp�ƒ��H1*F �
�RJ��=��h IQ�12��tO0?))A6�9״%2��uM�} �LLh��v�L�
5AJk�;�:�p������"6�)�IK':��'��� ����iO�IKL��I��0�H%+���c�JX���.JpR�Bs�^IJJXj� �JMl$�[g�4vR-�ܚ �T���$��)$����A6�r���:ݴP����%+�D�GC�\�
S�$��N8H i�Je �8HI�.JZ!"�e$��)Ɯ��iIK�Ry��NDƉ)��4)�<e1rJX5-R$��nRRᲑl�R�����D�?d�Od�DŽ��9�)IKr��䦉I*�$R�&�$)$���'J�u)�JX�NSr��R�yIKL' &)�JQLR2� )M�N�$��K��R�K��%9�JX��N ���@O� �JQ��NS <�R�# %��J^JmA*{a%,4NO�D&IK�� �GU(����N|SJJQN$�%%(IJ#�Z��))Q"#��pLg⒕S� ��R��IO�J_E!%!%%)�j��D&:$���:�H���~�ܦ�DwIJ�8MʔBJ[��)�ۥ%/) M2�))�� SH���R�ғHQ��)t� ��h�D����ФN�j& )Pa0�)D�J%80�$����AO ��䒘���(�����(H
T�ƈ)�RF
y))ID꜐BP<uIL L'��CT��2�J[a4JJ[�R��Z��t�)h� )R�
y��)���S�&S $��)���hIJ��'��%*S�%.R����*MIK̥0�uJa%/ &:�����)�JSRR�R�IIJ�K���$��醝����O2�Ja%3iΉ��e%2�L�$�IL�Ⓢ* BbRS8�IDh�%*
R.<(�Je�}yQ�n�)r|���y���]1 �Є�%1'�S�% RS�d�GO4ۼ4IJ�JwW�a9q#U�� ����R��4AO�nRJМ��4�% |Gt����$<� :vP�$�?$��:j����̕��Kt�4AK�ȗ))L$��i�h��wO )nS�� �%-$�J*X���H�2����)�Ja%-�0�h�tIL���e!&��'t���,�;�O��)C_$�d����%,��Hp��0�� $�ѯ�GT�� ��x����FӢJP�;`�� ���IL��; I4���JJe�x����$�����@K���
>(%DO�!��L (�y���
�F�撖� ���� H��&�!�\$�M�93yIL���
9PJyIK��"�HIK�T�-�����" �S �cX�#
{�($��R
$&RI*OɄ�R�w )���H��e1)�Kt$��M�i��J�rIL��%('��8K��ɆIɄ�%%0���LF�)S Ɖ�R��ǔ�6�@x��NF� R��hR�IKh�% �'�J\&�)���fRR�)�)Ȕ�$�� �HO>I)~T@M%(%%/�D�JxIJ�H�R��RR��A)�H蒔A! �)��������IJ"�M�x���T�Q.>����%4�� r��-�� N$蒗�8(�RS0a �P�L
Jg�-Ң�))m�LBP����� $��Hy�:'RR�4� Ԕ�Ɖ%�;`h��:�� %&�IK��B�JW� ����}L"�h{���$$�� �)��D���H �M�d��D�E ���ρ�jBa�IL��� 3���� �S�T��2���#�-IK�
}�
$'&F�����SO*))@��L�IK�`'�r��LuH��꒙pT�A�岒� ����0t$�Ȕ�)$��:O�B
������)h��&RD'$� )[R��$RR�&ڥ �R� )�t(�*d(�IK'v�$AM�J\L&��9KP���*%<B~�)�*M��N?��И�N����� � 8AIJ��B`��ILJd� ��H'�$�͕�w�C�����# ���o- DHQ��"Sht���%F S�O
;IIJ ��K�
bR�8 ��
))r
E��|��R�
wR#�a%*!B!�J��N�)m����e(���0���4�����CD���ǚ@�� ���>)G�� ��Hb$���R�(������ν��%*%"%.�:&NR�H[�������Bq 4� r��P4s����5N"<��J]2���Q )��Zp�j��IJ @�T��3�r��$�����y(��%.I�NS;Q)�U(� ���5JA*@m�=�R���)�G���q�)m�i&��*���d|��0Ч%P�Q�nT�IJO��䛄�(��H��a%/2�IɎ�%2�uH�S 4�!�J]:C��IIKOd��)� )~Қa;ݸ�Q%%.JD��9y(���2S̨��I+�)��%�HRyL�����%��RRɢT��(I,x�t�)�$1��)��JXh��Q JD�Ja�\����5Q�I+D%�JbRC
B~T�LO�d��R>Ir������A(����mAJ 쒗!1K���)~�K�iIJ�O�R�OtT�)JC�� �n��4��RR�
xQ�LJ��R��j��w�
\&Ԥ5JR�G!9 �"%%1�� ����\��⊘s�'�!1/ ���ID$�����H�\i� JR�a-���Na%1:'R� &#�%1�8���%%+`�H�~���F�@�u� Δ ILv��`%9 � '��Ą� $�T�)`G���蛅3�Q �S��r�BJge{ � �Ĥ�Rڒ�_�`��H����)à�`����y
0Bp
JV�$�OD����M2��N������4�J_t$L��4IK�R��B@�J\�L&:��$�nM)�L�uIJ�ħ��G����Ta<��%-�~RJRS&�Gd��K�SN䔸M��2J\�
���D���:�. ��DO"@��IL�$ ���%2IHS��̧.�>/���|�J�� 䤥L'�S�ѩIJ)��R! �IL��}�
IR�%,�8Ц �Ri))��7*o�T@IJ옔�)��Jc)�JA�ݔ�� ))) N'�~9IKJ ��Zc�T���ϚIc�N5O�l�� � �N[ Ζ���--H<�s��%,@)�cE-�$�JcT\ݨ�m�$�T���3�-4�J�'xIL����-�5�$���J������)��� �J`4�!��HQ��Sp��h��Ķ��rR�JA��dܧ����M ȃAIK��bRR�'�SJy )b|T��<��;] )��|�R~�p�:�))Rn� "�Bx��DJ{ �_�$D&M�%3h�{(�'$��4�!%/�O<(��"|R�jL�Nu�Nt���%/$
�
c����@� )���R�[�3A� _��)�)q�F� y� $�j��%2����I|ϊI)���4�S�Y��H L4�8AK�"u��L�T�N�0 )D���H;�R��pTxNҒ��8��%,���t �HP��9q%0�<�)%��*M�<�VCG����HX��&����T廌
�S�ݑ_���RS�M
dO�GP�T��h��Bũp��\��SJeOl�"Jb:��'��ħ�O$tIKQ ��F�NS%6���b����S)�AIKn��R� HBJS̞% ��RR�90���IJ0R�KR����Jc) *@BD ����Jq�p<�S �&Nx���l$Z�rS�Kh ��IL6�Z�,X�2T�I�`�J!>�JR�*@x&�� )g�KH)�%4h���̘#U()mOu"Ԣ�IKJP� q�%-!2rc�@��JTJS)��$RR�wH$SJJQ���-�CD���&㲐�1���L����)\��i�<�IJ xL��D���x%4����I�T"T�{�$�G☈�K�Ғ���%�JN0tH�D��jh!"a1$���)K�i%.$�:( �%/2���1t�%2���)r����)�w�@�(�ݢJQ2��C�[�IL�JiM����%,B~Bi)o%)4J[��V�$��) RB� 4�N
BI�%/�$Jw �BJ[�� �JJ\j��4'� I)DBn'�E�á%*HLJ}�H�RS�N��rI j���Gd�I)��@��{I
;'�H����IL����4O(a�`�Jd �Tˁ�P�Jv���.�H� &Jg�~)�%A�� )c�)ۧd�'�@�%.�xH0v)Od�����R,�M!)��2�� @�R{=�!缢#T��T�7D�4�����-�R=��y�*A����INeH�:p��t )����(0�� �G���S� xL�n�)�28Q�)�T�ILbA* ;��ɘ쒑��q �=t�j��Z ���IkD&�IFt�q�%#-�<��T�a7 !b��*1���AH���
[aD�I,N h pyH�Hi�t��aH�!.J�8M NRҐ ��?��R�h��?Ô���''�h�T�2���~)��)�1�� ��R��4< �<�T���QI ��q� %2�� ��1��$�� È�����-R���Gd�h�@IK]�}G�Hk�r ӘIK@NH��Si� �R�IRl��NL��)�d
���
���tIL��#���|��S���S�#�����$�RKl%����� ��F��hIJ� %&Ĥ ����( Od�'�%2�J$|����
<��Q���%��I�q�`$�:'�9�'sCS��� IKW�6��x �$9�W����!�IJ~ )D%��$� AR0�RRR�!��e6�))d��a(��ǔ�K��K"T�I$,<<Q�Z|T��0d����ФZ
x����?
0���&�6�8����EKr����(��n�))mS�yO�M�IK�S�
:8��J[NR�'��Q))}F�7!-BtT�Jx� �IJ�%� �A�)_�%�:' ��� �! r����H�R��))RnS���%1s��� �&IL�RL�:R�G:$J��Z�ȑ�)
xIK� �
\������*$��()� �%G��%3xH��(��x���� �%�JV�� �H��)�BR�%2�)ai�t���Q�T�RR�p�t ��' �%-%.R��~ )bB�
N�ڤ��%)L���%,!?�A8�$�3)����Ǟ����RR�e(� �� $�Ϛ�D$[ )D$� :��SJ!93%-JJc1�r)%:$��J��R� �R�4��d��'��)%+P��h.NL�=�Ră�Aɒ�R� R�5 %:J]�F�ܢ��Bu �%%.AQ"T�L��JPj~;�i�IKALt� r���Ri���'
��)��3RJGD���.S IIL�v���S��IK��eC�IL��2���� ���-�hxg�'i2G�IFa)�6�K����� �5��W�a�� �>i) �� ��)��%�y�n� �}�!��<��dp�Ȣ����z@��;�� �*.n��|�R�TMB}3�[�%+��(� �s��L^�%1-�8�HQ0uHX���\����L�R�I��%�%0��
�'�D_L�܆�%,F�
'�)~ ��2�)%f��1�%ݔ6�������=��4���#v�he"�Rk 0R� KE;Dk))xM��K��R� ��H��B
Q�S 8�L�t�7�(�b y�*N�EIK ���()c���? D���|i�10e-�S�QRɆ�'!.xAKI�<|aI�%(�Ħ]R By�%( H���Q���J_y&||n3=�Ч���HjtO�K�tIJh2����� $���))�L�SDBv�e3�:����%$��IO�����~ �v�>�ͤ$H ��Ta$T�#T�)))yh�e;9��RR����8IJ)
~I�N��z��vQ�<�I A ��c@��d�J��Ot����A&RR�`5�ƧA���L� q�S�H�� �<Ӗ�M�y��ɚ�:�l�R&RR�BpO`�T�Ԑ��&��)����%�r�����)%8o�pВ�J%J!$��B�0�"R��tN��)L�%)<J`�����NJE)����H��&%%. )�D��IL���D�M))� ���Q�4$�`��?���4��̔���"R�)���NS �L )�R���㒦 TOnɈIJq ��x��h��IL� &� $#����*A9��D� ))a� ?�eDR%�⒖�S�E�IK��DB���%.G�nrH)`S� S�� Lj�T�tAJ%<�"���L���%3`%9&c��&%%1��a �����Bb��BM %0��NtP��$��4 R�R
<$�Z��3��$A*$ ��uH���S�G )���b��H��� �%< ���CP�� $�����A�)p��Jc��!FS"A �'��l
RR�Yy�;�֑�ad
�QIL��H)�'%,\B@�H;�1t�IJ�K��%*c��Oe.SvI+�q�L�uR:���k�JcD������ ��Kڒ�
� 'Ц�IK� �t��R�IKD���J� |RR��ƪ#�9�Q))w@
!��:$[�Ja���B��x���A9b�x$����DHS���O r��kN[ �D���9IK�����H4��RS���R��:�K��y�R0��Ea��A�m'�IK[��jC�=����Jd�J�|y�(IM�X;�2���
�
A�&ɕ1/o}?Q��� �S=�"ғ�&aD>|�J\��O�[��i�����
~����3�t�)rv6����ׄ=�<JJ]ρ�����[� �5IL\TA�����RS1$� ��N��$ �)Nw��0�w)��I`�*$8j��~J-�$/15)��ND)�J�|�
���)~�a�~)�`��k ��)��S�;�� )~S p�l���*Q � y���$�'̦:%%%(*&S�GDT�)�U7X��4���J:�䒕�tKT�j����<�LJi���s�ID��� ��N�(�)$�JS%4��IJ;� �^^��}�)@$@>I� OuӔ����IFJ�� ���N� 'p��Yj&:& ���*ls[;�2#��&ZN�S �#���`��R���IJ��&�ک�S N�A�ꓵ )��\��"R��̨H
�g�%$/� Yl�m��N%%"����� !���0��II+ |J����S)�ܧ )��4QO0����JSmO�JW�<Bc��� )�S*$��BJ\�0��iIK��
�Nf%%.uH� �4�JY�'B�BA8%(�bc�xL���N��H ��F%H�$T��D�4K��#�c) )\%�3�0>H���0�<�J^f�&��))�;fBA��I'T��RB�5�Rߢ��S�R�x)��{蟔��j�HS�RR��� y'3<$����D)�ӷNS �12PR�J%0tvKqIL���ɥ9�%( JnRS)�1%(��%-�����@�JW)��M�R�IL�㲈2�%.)�!-J@���O�� p����Q�'�D����wLL�t얉)`B[�9�&��Jm�:c�t��0������H�J���1�I�Q.'�Jf �昸�
��IL��1$&2�j��ԩ p��IJM�E4�JT�L�))p%" �R�)�'%:$���Jn
[�$��-�� ����8�( �J[N��t�O�D� $�})L� ��)t�<&��a1�xL �RR��% cD�)b#B��� �IKA�<�N �JJ]�)��L �rJ\JE�
`ΧT��i�<B� ��"Zu���@�M�~�焔Ā� R#T��JG��F H
�<G))�l���$ �����L�aD���BRBr!()%�l��&�$�Ɏ�HQ��JI%�8x#��ꜸF�)$�Rw�@�Q:$�˯ݧe �� 8>i�N�%&s�Gq<(���>�R��O�@�gy���I�DO �N:�ɀςw)#E JJe���% �`�� �K'↦u
)!nt
@�v%0t$؝RR�2x�)��)D�A��
be a$����0R��$�:�'T�D�%FBR��ܤ���TyN䁀RR�%�?4�~I%]�a-3�K�cT�� )�����1IK�ґ�"R�8ʖ�TfRR�?e&�L$YǂJb�S2�� ��@G�JS[=�R<(q�y���Đ�u '��%2� rI��I%?���"bR!(���I4$�|��L`HEJ�<HJ'�C^В��;}���{��5� cD�̺tO�����CH���Ӹ�w RS�$R:�!v�Q>��PkfO��
IHi�I��l���B}�u�$��G��r�{��I
�a6�a$��Kt(�He) �DBJW)D%�i> %}J!1$��$.�B@�t�K':{B@��C� ����������O
1))D�4������:�Ѣ��J쒖%)�J4ILF�D�m�����ԠBq�hIJ�� ���T�� h�R�wH�)n-S.H F��%.JS�M�<���))s�q�J_����&<� �%1<'$B� �� ��(��P���|�AM� ��hA�<�����tIL�p��9����
Y1$'"�IJ�#�P��)�ꖪ|��))CT�'�#����? �) RS>S
`a"���`k> � LF�5� ��s�IJI(��IJ Ƅ&�$�E�TO)�Lu�%,���FR��-� LJJT�@�)I )yO*2J}RS �2��H꒔�)�L��r��Q)Ω)D���2J\(L$'��&RRp�R� %�JRR� 4ݒ)⒕ �S H))xL5N H蒔R��N
J\Bm�(��� ����IKϚmB[`$R�$M��%2 � &���&�Jd�दE�T\H�?)�R��@�4O2���!-#��xjT����08�Ώ�5���誒RRF�N��~�ʩ%;^Ze%6�x�p����IK�AO2�j��RR�BS ���D����<J�)�a@�IK�e1��#�pg��%�S)�H $$���Bm��Ф��#�`�Nu)))@>
:�ĥ�8�ۧU"�M���2R�;'#�`R�S��$D&$|S0e | �$|S=��aѢ�t����䜂�4S��%,u:(L�<A#���ٔ���e �t@p ���|;�J~R-��R��u�"�x����v��tQRp )�?4��J$i�Jc2����ɀ�I �mJw5 ��LJ��7))c�C�>�@ i)��q�� )�Ib�F0 U�B��zg�LD�SS��A���{{ �H�#N?y�K� ��S �\aA��S���EK9"�� &R�� �ߚc �))��>i� ���O��$��
��v�8IL�L�J���r��PK2e.SvN]�"���>
��AJ#�)L��@��rd�fR)�IK��G�D �xIL��N�N�<�JJY<0��|�S aH: ��CT����Dr�8��.p��ʓL&"tJ�Je3�SD%�xQ2e%2��` �T����%"⛎�|�R�J`RH8 !GT�R2Sp���8 �O %hJ#����e$.Z�Ꜷ8�"R�� BJdR ���R�H xEK��iNBiAK��I"QRҐ)&"J
^S �"4IJN'MJ�xEK�0���S�A.QR��� ����L�D�R�J[�iHH�J_Q�h%? ~ �e%.���6�� )
RR���
@$t $����n�F�#�R$
R�v�IM�� ���-H�SjJ\����O>�T��.���%,u�4x�D&IJ�M�ʌ�JZ!?)�I�-������
%-���LS ��"�1�Z)�h�T��
GE)Q$$��d� R�U� S R�Q))j����E(H��4�S���S ;&�H��8IHӴ�)L���E)�L��R�!⓴:�����'�2J_��O����9 ��IKrS��(IJ�#�t�? )�JS��IKL�xK����R�����3�J^BR���%-�IH����JN�)}JQ)�T���� mN )�2������S턔�Bp�R-ʖӠIK�T� L+� *����"�搢9I,�`�Q�@UiE�Q�I �R�H
$p�� ���Jb 9w���!%3��beE�-Ғ�a8�(��rRR�`�S̥:�$� L��;Z#������<�Q�IS]��8�1*'N��)!F
a�D�H�%(��<�q�QײJg�8K{$[
�r��))��J ��̘NLp���d��B�|�Kqo )`c�y���II75:�� �4"H> �`����fuRs��7�1 )}
a� N $��Sr� yH;HIJH� q�p#�IT$Lp� x�B
Rhj�%H�� )��n��K~)�u�(�DBd�y�����IK��H�S���R�)�H蒓�ݢ ��� ,$��C&~i�IK�Jy�GD�J\� �
$�JY4�.�R�%,Jp!<�&%(�y���T��%2q�䤥�)%�I)������pa�"R)��.RR�&H�IL�M�.R��Z�`�Q龛���� aP )5�v��Jb�È�ڔ�9�7 )x��g�rIJ"uH�2S��
))�ה�)�R�IK��hR2;�����9�Si��4R쒗�
g"N���)i���e� II �ݓTe<�Je� ��M�I*�9O��(��r� )vQ��%%3�Ĩ̤���y�
D�JH ���Io�L��A�T� S��S()���1 &�%2�M)&.���S02�d��:�2Br@I%,��S̤�jSʌ��Je'0� �����S�Gܛ�kI� T�#�2�ɀ$���R��悙�$L��e( �T�l�t:&)
RS �HHHR��)���7� �]��J[l�H�
pR:$�8
�gT�M%%11�}!-%->I)a �' ���*'�S��IPIK�����EXpRS�&8L �tIL��
:����RR��L� �!%)8w�h)D���J����i=��ݼ�)) ��:[AIKp�xH�Jd *$��BbJX� }J[R�ꔀ�B����;L��'k�� )�2��0��)%*S$ ���!1��%.
s �������$�)���$���%/2�Z���\%0�d�� �N�ɔ���
buR:|RS%#�R0~)�S�Z�J%%,$�$B}�yIK��N��H�))`AR�Q2�RS.S�BrRR�Ħ�c�d���D�D� RR�NuQ:�� ה��ILGb�$���O<���8Op�播��47]S]���8a
m>߂D�Dr�� �^ 9E2Dv
A�Q�Nd��!�0S��Zt�Ka))g
|��&�$����-4)j�|RB������E�N�RR�t���LDi�$D������I ��RRNBP؉�Cwp�]!%.L��7� �S�&R��#��JT~)��y�FIK��))A=�Í��"���b��T�J]�Dv�@��LS %%1 �v�X�xNZ@� ) h!9�E �Ld�I+�(�AY"����i� �9LDs�
]ۄ�?%#y�֗Lj!%, )ˤ��ĩ~DT�%J ��8����))�"o�nIL
JGD��JW �H$�))c�`��K��� |TgT�2����Q%8�$�Q�c�R"Jb%1�JIM)()I %$�������e1q��IL��QܒJ��� �b5HꑀPJ� �R"))x�DŽ�B%9���4�4�&IJ�ӲR��L��ɐ� Bi� )7^Ғ�焛� ��.䤕�ܧ0~)v )y�M
)� )�r����IJ<'�%1H�ϝS�)���uӄ���)hT�c_ ��4J~)������)҉IL{��H �D��)R +X�:� ��%# ��uJc�Ĥ��Ĩ�A�N ��'k�Q"=�S#�\$8Q))�2SrS ��$���!0�%))��E%(��R�e%2�<�$ 8QH$��$��rIKL)���T���������(�S�))��Ɇ�0$)�:������q���t�S cT�C�J\�� T7j�I�%3
BB�� �b��.���ZN��栥��S�)m:����"���Ғ�2��Ԅ�%+v��N4M�@��%+�.S�
J^(<��tB%)� )s����+D�P�����BbS&�I
<� )D�@�! 䔞��@��'MG��'8 ��IK�)��[��'D��-�(5�h���N���M)9Ĥ��U.Gs%<�IL����JRS!�Q �����IL�O (d�̑)�C���)� �i��pRS) � ;$��"b`�$��ʜ�5O�IKmI��@H�R�8<�HJRR�{&���IJ��<�@���)�g�B��ILa(%? r��$��R"R�%/�r�� � ��&�J%())Q�r!1��))hO�$�J\O���q%$�`�N i�xI
"8H�$��Jh��Jd )�� )}���
q� )wLZIJ �&~))Aѧ)�)D��@%%.�%1��&�IK����O�4IJp��M $�$F�̤����*Bc�' $�G�}��R
�H�6��JZD'n�7 ��� �hSlk)�����hSvO�����$ҧ�)��JV���I'�K�����@� &9Qs�L�$��|�t3��)sGv���M;�8��Oe �9 r���:$���k��<�`S�滍�s��� F�
�꒔}�ơDK��wIJ ��k=��AR��XrR��d%2��u�"#�uPsc����4T�� �w�@�/� )p y��$
[RR�)"RL�;��$D$�G�M�))\�HKq�씤�A �S̤u�
X��I��H > )�JQ�H IH�.��p|�R�D�
R%(j�
Q �R�D���H'�A�)��(�J���D$�TJ�Z'0Sp�%+�����IK� �~)�k�I N4L[ p��j��$�%r���~ )~T�H�
yS2�����:ɏFRS4� $�v�))��(��̦�RS+4Q)�K� O))�1�;���G�0�>��d��3�@�-pM�))~Ji��h�))�D���@��F>������!E���|L����^��G ��o
�S2 O
#��)p��@�Kdw
D��JP ���Ԧ쒙�� 9<��S
2JgHIK�"RH���DJJT���R�R��- IL�`�|N�e��B��<����R�R�;JJd�6 JJT��Tڕ(< S#��&����N�0��0~*:)Dꂕ�S)��
JP�9�Ri�;��u:��4���@��;F��K!��Ё�*BH:�D�pI�(� ��L&!(jD�EJ�4'�Ji()��<h�R$����&� ��RS0t��
���� �K�?V=����L�bRR���I8l���#T�H��&� J���JS�%D�NL(�
JRD��)IL��)IKT���x��%$$�\%1�1�❮�%(H���E%2���H)hS-��Hj�%!%.L':�@)$����h!%3�6�0J�$�%9h**A�%/ �Fwh��))q�xL �>�%(�)A)A )bt�N\Jb��0;����IJ6�� �S c�Q)� )dᲘ�HtEL���)�&:G�,R)Ή� )R��h �-�K �2R�)���R
��=ӱ�a�IIK4a"�� &'�%(��<������ )p@N`�Q#D�;���� ���&�RS>� )vLe�%0keL�L'
�����}�2���' k�Jc)����JJ\A*<�Ƴ �x�%/��)��i*R{�t ���`k�a�Ԧ�?��#��%(�e!%1�ܤ�Oaa��
�ki �yRsY� ��%�|�N���50��)%a ��%H���TH�RBہM�L���A�IK��L;�4u�A�>i)�u� �J��N RS(&$��';rJQ�jR� �T���3W4:F�� T��2�k�J_F�JruM�$�R$��DJ�� �!�)w��s�I*k���:j��|�ο�h?$�� '�H0�M���H�� �JGt��꛷)�T����-t�$��J�Rq����Ҝ�T�DwHO))pc��$L|r
TJ���@��)0mt��*F[���r�(�
32�ΊBJZ~���b%%+��JBI)���: �IЂV��:d���~�:�
J].R:��JW
`�TS�R�$���%.L�t��JD��D��θ��S6 ��q&RR��hI.RR�G��aG��IL�t�~)�R�%2 �]�!)��m��IL�)� cU2��q� L�:��P��q�JM�!��� �eow�~( �ׄ�ĈM
q)i�%,4)�"R�LtK�峬��<��9i 5%/ �N�Jc%$-�\$S�JJX�&��%(��N�;�[ %A>�Sn�R�� � 4��%/��M��*M1�$�I�� !8���������`F���{�]�IHȐ��L�> ��
*X�7�I�N.y��1-�L�M �HqH�N?� |QR�����Hj����%�thg������� 8�r����
]�D��D��!J$p����'fR:y�%.9��Rv�-t��%-� $Jd��Iڦ�H꒔������H��4B�))�� %9I��%(N���@Jw%02R-!<�xIK7��&�E%/�i %�%+iLD$ ))hRSr�&RS"%D���9$�� -�����IJ ���$ Rܒ�
L�[�}�)p' ��%/ w�d����"T���p�Ra�))x�1i% �$BJ\4�҂� R�))}�-�!�Z����-�SR�%.Y �'T�� $�S�S �ɠ�Jc�{�����d��%��) ���
��S ��yILI� �R�{(9�RS���H���Lj����m$���T� �|� �IL��J&T���`RR�yJe>�5Ja%*@Rm� �` f{'�����;`��m �6 ϒJ]�gE��lv���S ħ���)%%1�S�d��4��JdLk �<��&hIK���7��Ե��J_��$�-J��#���J���J#���))[dv *:�8KT�$�w�� �R<��^#�����k���Br �����$�?κh��M
��Zd�����g1�:@Qc�)��!$��`ǂ$��
oԨ�}RB�� M �)JJVٟ ����%%�<RJᐖ��" �OޠfRS"�L&�h��$��@r� �N�ɀ�RR��Dj�4�?ҒYm$��{�5%-�B[�:$�Z��)ǻ�mBJW)���Ή� ��q��4�� uR�%1 ��N� JN2RS`�$�8u
��)�HR�@���2��
*P�Q ��J
T@P31ʉ2��:�R� $�&���q Ɂ ��<����%$�A�I$�S���;$tK�� ��2�����R ߈Lt� R�L�)���;$�)))hN�1HIL�� )ɉIJ�I�2C��ڒ��[����IK�S
� LJJdTe$��%. ��� ŪP���c�)R�$���9dD����)
%�M�'I+BCT��e%&$
H�\? �] ƀ��?��IK�$L� p�� �iD$RB��
1
Q )�) JId$%�I$����tN�=�R�E1*O��4I
� N����!)�N4L4I AH)M )�@BD�KrJ\'SL$
*H � �Kv� ��w<$I0È�>�?�2'U ɵ�X���������"�m���D��cD���3�BTJx���HQ?�b��$��
BG)�)�$t)r��iR'3 �R�����h%%-�H�RڞR���
b%8��:�����Jb���S�;$�jSX �Z�=��� ��0�)�$���ND�4IK �R �JQ��$�IK�<%$����'<�JA%,e)��)|�R�������HO�M�����S��>�1=�R�SL��S��F��)H%0�'��p$��)�0��e<�IL��}�R�RS=Аt��5IL�'� Ps L 4Q�Rv�N��^AO%%6�Kw�U�I�&uIM�i �}�\>�BRq B�� G
�G��6� ���;)��*@�y芚�뮉m������a#{6�N5�;�:�S0�ijR���7�JS�G �� i4uO|�R�Sv)ΡDI )��O�)I�'i��$�<���2$�% �RSKqo �=�q�쒔]:��ޢL��;y�%3�TL��n ��]�$��F��<ΪP���<4Jw��Gd��ݒS&��&l0�|{$��MR~ r4�*e�H 4 �@ʐh��� N�q�&��S��JQ
:��L�5?�J|� )b'i-�>j$�p!D�yIL�#w��(�d�Nh�J�MB5IL�Dܢς�IIJ����8Nt�0h:$�Q�(ĝtNH:��J7L�%��Lt���OC ɉ�*\��y�$�v���%4�Ӷ�!q�1�<��3%#��$� ��7IQ:�q )x��R$RR��s.:�*<y&����AӅ�`�9$$h#ܛQ�Q
y�
$��$����v�䔴BD���%/2� j�|Y��O�⒘L�L%�t�R�P%L�TyAKh���5Q�%-�t i���!%1��O4Ĥ����_$�S����S����$�R��2Jf 'Ua!��.JJ\��Lt)%%2i �$�T�TÞR�e"5� tI �:��\���L��>�)h'����rx�� )q�E(��%.� �R))pQ*-� �c�hP�M�~))m%JTO��2���i��E c����%)�IK)ۢc�M:���h�y� �a�������JHW�))�RI+D�Bt�B�B}S&Jp�V�Dh��� ��:��� �F$'�IK AO)$��O&� %%0ږ��~RR�S�Ip��r�N�����J I ��(��$�h�)�� ��
��T��L���`��)�1�r��%#rxO�H�`j��&�:i yIL���T��O��L�R �D �� ����� e1�J`��6�j|L� �Qkd��;HI#�L
T$�A$���O�$D$�&�(��R�2Rq<$wj���-bR�RS0�� �����\(�J�vIK)���8IJ�{�NxH$��S�3)�BJ\��h����2~ ALR&RR�2�� ����H ��䤥�% :�d$�Dʉ � �IJ�0$|S��d��%N��'O�A;�d�����|��))D�[��G�h%2k�S��� �C�[��C��x?椦%ɥ��8� ��FIJ �S��0��� �))�����B��B����6��:$�c@�t 0��%2/�!l A:'IIwΉ��
���̼�& |�$ꐙ�%'��D�A�J[� jpIKHk���~I�Й�IK�vL���p)���J]���)�3��� )MI����&s�ILK���T Σ�N& QۨIJ�INc� ��R�& ��)BJb zS
Q�4IL\ 'i���;]B\)��RR���
yi���;�ͬ�����Kd�w}B\ �*X��5�>����t
�y�ݤq�
[��N ���0SmкQR��D&kg�w�I�)cxG� ��8���
Jg<T�
i�
��L�L�^?�%0'o�* ���?)��%.� rm����D�D���'�Q�R&u:�$�����$ڄ�0�ڙ<���F�� ���&�$���$ S�&&Rk���JTB[Ry��(q��>�昼�R��)8Ԅ�A:$���$�i�(�RR�beH��&���sv�4J��R�D�����L:5IJ,�%�D���I2TL���J!10���(K��T���)������.yH�a-!#���JiR I Ϛ�))�����IJ��JI)�����TT��PJ�SL$BnRS07
�i�S�Je 4Гu��"�$<�(���uJy�:�S(�/4��R�D�O�DwIK
� �%(7�4�
��7 � G�%(�;u�
-�?�S� y��8n�$�1 �
TxN ?�˄��H)$���<��QI)�F��.��N�}�� Jc
P@Ja$��*[��`��HQ �$� %b�2� * JJ\&�K���Jb��H_��JyI�#����&
d�I%`%:S�#�J`RRR#D���'t�� ה��%.��)��Kn��m��l���H$���
E���A�%)�N�<=�)1�_?�� Ձ�
�yILF�#� LH )�!H�@�<t))h��)�1�%(F�)�JgX���)4�d�J��>))�'T�R���� $�HLHIKp� KrC˲JZ
x��n�)P�� ��w)˂J`����D�*Mq ���*&T��Q.))@BBR��%*%8�&01�Jg�#Tǝt))��(�� j����!)M�S�J\�И���F��.�Q )DBGT�) )Q �DJ`��p��!<�JV�S��
&R�x$��%3�d��q ␒�a%( ��JSL���*\�ʙ"8IJ��op��q �$�&Te9M���*#S�e%,Jt��5IJ�>��9IK��PÀ:��ωJa3�HAIK��"eF��Jd!!��0q.RRF� H�D:R� )R�$��(����1v���nڤ���H8��
\�JH ��� ��bJJLh��:=�S4��$$<TZ���JdM�\'k�~ !g 9N =�k8q�nK-�~
u��|P�<�{@��%2��q�*;�$ ��� % �L��V����� � Bg[1�
�RR���J|B#_�(��%,+ �un:� :H�7��IL\����&>��&�p��h��)�{bcUu
/2�� ꉨ^;(�H*l�H?��< KbT�dyG�� mD:RR�: ?ڣƪN|���%1'�D�R� �3�Ia�R�uODI
i
2����~��))�&S�S�:��RJ�@��L�)N��)��� ��L�� r�Wi�xL $���9�(JHK� )q��d r�tL RR���` �:�))q�N>I�A%1�1�`������R���R"
S�
W) R��IK�1 4Д�JZ $5ND& A�IKJIBI)����&��T��J��;� �R�D�T���=�"��O�y&O�JT�b�)�:������r��$�CD�@R9�$(�wy$F���IX�bSLJru�IJS��$��IK�@O��M%#��2焁1� �uEL �O�m I�i $��@�����IJ 'HԤ|����h� )6C��< }���k�<�*$HI
H7t����:G`�U0t�-��rRR��H �N!%(�c����%.���H 4�� K�6��IL���4��Hh���O J$�p<�R�JINuJ<�R��6�hJJ^`)L�� �$��R��)�$���S�i�Fa)(���8-
��rgR���>i���D%0��&g� �>I˥E%3.����H8��tIKĒ�ri!%2$�M�M�� �i!4����
N� |�HÊJXIM
{aC�����O�DJJY<ANФ�BI�M=�JXj�R�LIIKJD��@%3�&RR��=Ԉ)m))�JaHW�8`�%1�m��H$�d�R��Jh���ݒ:�m�Tv����R>�)����� ��-IKL%�'Q @O�T����M@L[������@��%0�0S, &�IKOޜAH6Jx������$$[%0� :���4B
c:BGU0$�))��(Ӕ��ILA���'&RS�Ʉ� �JP2� R��))D��:��.�)r y&�13�I%/� i�-DŽ���L�B�O )��@��� RR�4�)��$�JW!�RH4 ޒ��O:$��M �R�Q&�v�0RR�ݬ&& ��%+�#��6�!0�XIJ�>����-�h��\#� T�t~ ��Jb����jS
yI+����>i�����e�8%��3I<vI�RS2ûO �G�� ���05�RR�;r�O=�4 L�
R5�T�����) ���Nv�u�J���u�{$'����$$�I �H
��b\G�e @����&<g�'y� �G*CQ�IK�G�'��c�����4KS����T�bH:$�M:~_4�{�T�$L�IK� ��'@����R��
%Ӫ��{ � ���J�yi2���`�>�RR�0|A�$� )hJJbb<ӂ����p�JJZ����Jrg䘈N�VJIK�O�ڒ� ȑ�O)![ D�H��|i�M����%&%�Ddž�)A��:|S'� �7j��"~ ��Ҕ����nR��W$Җ�:��IK�ftNJ�J[��@�R�,uM�9�E%.aEJ
RR���Nl e7 )}�&��S���ٔ�� h� e2�% v�"tK���<��ѪS))~a��CDT����В��0� |T�R��x|TS� )r��BN&R�%/�\��DBJ^`���$D�O2��=�( �AżvM��RPLx����T�� �% r��:� �:�IK��I m�����SƟP ?p܅:"������$�n2���!N6X� )��=���2�d��Bm
i�< ���N Q�H6R�H�y���%8 %�Q))��<���R�K��D��V�%3-�$1�(�) 8�Jb )�&R�<�IK�%�6��%/ ��%)(�[HH�8&wAK�<��uKrp�8EK�D�I� �Ot�� ����� �R��$tLuAK�4LDwH���K�尒�D�>�)�D$�h) R���MBI��*Z&�J IJ ��N��%%('�Kp ��R��H��� QR�(��c�J_�TF��LG�Jd %<��JxIJM0R]xNL�p�l� JJT�"H)))I�Bt��� �[A2~�P:��%.��*'N�*�^�
�<���hk[� V��jB�Q)BJdL!9�� )nS���%(�JS�b�0������>i)E#!2m�%2n� TA�$��Nل���R�@��S�Ħ )~S =m$�))r{vJ5N �IJ"R{��M�J\�~@��c��y��>)F�>
))\wI>��&�S1�A�� S1d|<�� �|���#�$�S�SI)�蒖�K���P�� I
4M���d���)ƚ�T� ���\d8� ����wI,�04�B|����8I \d�&~)�0Ro�IL���H<S���Q$�=��� t�I+@�Jv��:% �$�� ��i��s <5L` ��8����1�n{j�3�t��g�>]�'D�H�D�@ ܒX��}"e-��Ki)m�����H�o�� Z
��>�d��8 )���`H �=�I �� "R���\ Q�O�%/0�[��6��N�)+\A>h.O��� ���h))�Sk�{J��RJ�g࣠윈��BJ^`x��2�$��y))y��N[4��I RR�H��?�S�R��
Jb����%-�LD)r8Kd�� ��<J� ��IK I?��0Ԥ�A�����FK{��RR� �4P�
I��JY�wO> &�<���O☀Ri �t���
$1>*2
X�&�䔢%"�� �꒔ ��`a%,�#�r�%-))m> $����h�y��C��A 4Q�D�EK�Ba�@���JPM2��*.��IK��H )��)�A��$�Ȅ�'�%*�.R$�@�(��h��Jd #�73�� �=���ۯ�A@1��4 �{�n�(��'� S SBs!6�$2�O2�5S�$���mn� ʶ݂�H���
I �7 ��;��VY��Q����5:(�
h���)�B��uO))q��.$�
~RB�
Lh'S ��))B�e&�IKj�jy��))m��p��wIJ:���r��JJm��)�R���{$
JQO�ba6����nS�� jx )RT�Q��BJP ��N M$��8x&H����)m#�h%"H))p#�1��o:��r�
P�O�
TG8L �J\�� BbIK�Q<$��N������Dzy!-��j��L�5HG ���� &�b% R��#����IKO�\�H��Jc��s��I"!%1�'���)))CD�%<��7�S�'��S$�DB��ĤԔ�9O�R
P
J^R�uL���%2�`AQ�N5IL�Jw�`�t��J_��&�4�$�=���p���S�mBm�j���ja1KP��R���h� ��&'�%+���(�))t�#U.RR��T{���)r�t'���<� B� )t�� &�IJ:�"
R�k�IK���HO:$��
0�eܨ���ЛiHk� k )mBa���L���'☎S�!G���BrKJ_KT�%+��t�L'����M�k y��2�@�T���T�N�A��a t������D��I�$�[��(�9�>A4O}K)79$[#��I �� c��7C�Ig� �J��N�f�5'8 Z�c�mIL&A���I�iI���J_l�=��!E�82��A�H_��mGd�$&�HIJ'w)O��l#��t?rJY�c� �H��8�`$�D c7&� �)�I�H �S�c:��� t�~)���2a&��I)7c�נ�R��֏�C ��"P��:�Z���ȅ�I+n�N Gm4J�ǚHY<F�Ԥq
$�U$��H����"&;���8���$ $�sʐ`LIqE��&�#��椥�p� �{&�Ək>��*6Z�
���v^i)���N��#��.RR� ��D��{� h$�Jd@씓D�j��:'(��RR��U�)�����(ΪZH��Ą�.pi9ALeI�T D �m] 4�IAJJ!2q�Jc0�j�F�=�R���IO����!>����JPK-�!D�%?d���0* wN b;$�;S�ĥ0��Qv��v�%�DT�!E �k-k��!�]�����#D�(I%.5�$tLuL4IK�x�SD�����T���R�%.�� �IL��g�J�FH��'�II��-,�h�UΥ��Cq�����a#�A%2�� M0�%2�����+�I�|J-� E��.IH�SF��JQ)��r���S�p� $JJPN�S�IJ���Dܤ�p� ��ryIK�:�ܑt��Bx �S����)�)��J��4�H � RC��y 5IJ2RS� ))@Jr�0�))D$� �� ��y$����������JTS�N )))x��(Ĕ��$�� ����IK
S�j:$�BxM�~R�I�1LGdВ��&�wJ%(�J��ħ%$*fJs3�`c��L����0�����.�lwH�9L!%.�t�R|�Lô��������5�t�R))a�Q=��nRR�`�[ Ԥ�S���}��4����̥ �.����M�R0SIKD'
��NJ\$���J'�gi
RR�H�����LD)�oc������.R������0RR�>���D�a!%.H�T�'X�F!%.5rS� �G�JV�2� BJZT�7 �IL�9M �����.�R��ĈMʑl�[RR����
>JQD��y'��'h#�RS"4
<'�S�%2�%2��K���R�4�<�"S�$�@ƩL '� %`�9��T�!$, #�Q �9���))d�� "D�JY1
zN��Gh&RĔ�Ki7 %d���
[g��))}��Je0 �=�R� )LDd��%-�R����>j$�d��'��������4vR2��Z�̠�0@� _�)�T��=�F� �B�k�bBi�9NL�&R���$"<J�h$�8H"
�m�ڢ ��t��[*E�t#D�NQAh2 ��ni $7 �h�� !��p��ژ|�%+��P��M��Bb��%#^R�'E(��K6;'
�tR,���#A��� A�(�ʁh)��)�:��!0l"�~U( D� �\ߊJc��\�S� pB�ZuKp";��)D�;$��Hhg��h���Q��%*IQ�9&�RR�����J}�����i�N�O� ��S�xM>)�$���<����%>��r�� ������T� �O*3 �#��%))�7<HIKB��M7))yI<��$�� ����a!�`���h�)��cT�� ��&��� p�j��R�.�`���):%, ��'B�.D$�F�j<����3�JW L��`�5IK �K���x$���&91�IKr����GT�� $ TbS��II&S�fe9Ф� h�dB~�I=�R��� �%2r�p1��rR�RR�S�<��JX� D�%2���%���h��S�
`T���'�I+hR����B�vO�'ܒ�5�:A>�ILHN R�1���%4��GB�U-S �I �Kh왤AԤ]撗��ܚRS e"�Qx��IK� ��9"c����~T7 �������hTd%�IJ<���AJc�JdHL�G`�<��h�\��� )`�L
_�%+^�()))nSĦ�R&RK-��ڛ�)p�0�B����� ) �U�p锔� �q�0)�%%3"<�Q:�$L���d���ݹK��� '_$��IJ.�T�k�o�JQ�<�iK�RJ�<�0)!r⛅!�m~i)be4���
;I쒔�'�1�H�%%,% ���Z���a-SJv��4���p�5I��R� vNy�� "�� ꒙V �0�H�tNu�JZe!2�* �����0���T�D�� �80���t��!��L�t�IL���G��IJ$vM�`<� �Jg ��B�Od��Bb!H )�IK��LL��9�=�S)��p��t�t )S A�F�� )@�t���#�JfHQr`��
I\�Hq)9�H�⒕0�d��Ot�T���D�����' :I1�$�Jx��4Ω)} R�������v�8O j�� rH`rr�$[ ���JW<��✴�&IK��P���6���v�jMtq�bS�I� bJf�I�~�P#�NN�$�H� �{�yS��!%2
�G�i*;�>Jz Sc�� t�"5O� ������4B;k&c���z�kG��
S��Y�� ϚJ`�>) ?9lpT����8Q>Ӣ��4NN��H`'D��B i:p���KR�Q�)��.$&))�gyL@1�c�Nx�4��
[�{ �y'��ĸ� D�S�:Q �� � �h��ߊ nI �� ):T 'T��<� �4�Ҥ )�h��4%%90��$��$] ��` � ���� h�A:�@�R���xS tp�1o"eG����r�QR�E� �LS()`!O�@��A�*X��3�)g�GD�M0���S �LJI�� % ��$�� ����R�T��� � ]�$Ԓ%,�
oʑ(�CT�N5AL��4��Gp��* �3 �mJJd���'D�D焔��N )���IL��8�'����!" j�S))A9i�([#@���H2���撔�:J�2t�L
O�BJ`[*0�F� � r���NA��T���J�i#�-JJX�LD'ה�%,D%%)KrHP��R�$��D&��R�Z��S�R����p�$%4�)PS<$=��'i�IK S�)�t��1
\�IKD% H*C���%<h�% )p�R4��k�C���J&
JX�D&
P!$��$�rAI ���!80���S ���)��)R���� L�R�w �%�I+Ή� r� �RS-�D�O*$��$
a�pe%.5M���\�%�)����Q�&ܒ�)4 ���)��R�B#h'�>�"S��#撗0��Q� IrJduJL%d��D��O���xO�������12��tN$�I*�� Ҥ7=�B��'�R�RR�r��IJ � ��%2��d��
2�"%1 $���=�D�HhR���BmS�tIKLj��GD��L�uL�!�Je:B�$
���Ӕ��g���1�%2�3�
@�IJ&F��������J\ HI2JZs�)%,D��) q%/��$�
@BJX4�Ɖ���e%)8wܘk�<�IK$N�h�>))�� (��:N�F�F��J_l|B\$�.RJ�JGQ��'#�$(�)!!)i )p��6��)h>I�%+��@�u�J<RS)�Rܘ ��ͣ��JP��%4H& )�F��BmХ�I+
t�����2�$%$)� I����<RR��9F��#� A��X�IMN����T�$�|8����Lh�tI*�BDǚNbt
M���|Q���&pxI��JP��"N�)�^;�T� ���)3O?"�W�$�S��� �1 /�D �%&6Ge!x#Q!W2�S�nЍRBcd|T��@U�N $���9Lm �4B� 5Q$���O��6�̠I �H��%%u� �B��7����R��l� |�RBg䥧({�)$�d��(> �)�p �IK
D&"�)m��F'Ĥ��=2a O� ���$�m��� )��gQ ��$�PS0G?pP�dr4%!%#. 1q&T�RS�t�N[�'o���RSv��)�& )#^����D�"�{�D�(D$PS=!C��S �))puNFR�.R'�D�tIJ�0�H ��S%O0�hRS=���e%)���I%����N %�r� �D��� �Jb
rS� �IJN4L��*^S�&
1�4JJQԦ�:`��
rA�;�꒖�R�g�Dj�%%.u iF�&ܑ))M�T�Ɓ9 ��%/%�y!�3@
IJ>J"])����0��@�Q#ǔ�Je�TI��RS&�ND(L'���m�4�q)I )pLy&���B~JJY�9 ���0��p��`R%()�8Q�R�))}�<&%�@JJ_t��tJ �1%2ܑQS�Jd
p�tP9!�%/�)@��S8�
;�IK��4�R��%2Hi�LL�a�RR�.�AM� !a �8L&�RR��M�I*'.�����$�@�)�Hy��{��v���)�D �8;L�ND� �$� ������}�R�S !N
uHV���?e#�IbIH'�H�����LtM i)s$��Oܝ�
J[R�bTL�L�J`Ц�.ЦiЕAI*!(�0>JA�)@'�����NBHQ S��5O���$�-n��\�8Rk���Ru���$(�5Q/$GeO�G⒗� � d�v��)o$ґ;|�q��IJ��&�$�`��
.��%GB�����(� ��)��)��!'��ou�S' ��2� gP�d�R�O�?=�<���%-�g?T�� �쒖#r@mS�
))��!FR.��))�1��!4�O�I*s��Jq�H_��B��<R�_�@�p�5H�R�D�9h�"!%0�NN�%�� )w;w %�_�& )Q!G�@; $���y$(�R %��Q&S�R$���M���"��!<H�2q�JRs�� Bv蒗
��)A:&���RJ�>���)F��%$.�C����N�$��G ��<&�%(�$
PP@� ^B��T�R��&9IJ&~
%Oh-��A%(pS�8�d�RR�`)�0�$|<���Y'��GO4�B�
F �IQq0�t��RվI�)!�N�jyH�@�x���@�H
5�%1 ���N� x*'� �$��qq�"@`��� o⒗� �Q�)5�SrR��{JQ)�^�r|�B�`Ly&'&t7dɤ�&>�<�8>*Np:v )b �P�H�'�r����Tޡ�g���~H�&�uK~��z�`��:y�Lh8�Ui%�G�
M)ˀ�!� ��IIZg�p$� E;���� Kc⋹Co~ȩ
�^$hm�AH LB3�c�֎�M�D'�
.t�ALI��R
D����1i�>��'���c�� ��/IDz`�S )@ ʖ� �9(� ��(os�p���ࢌ\�@쒑��h:��!"䔓c|{x$���?w��$����%#�`R���tP�(����Ja�t��4B*c0�)m�N$���O��0���S <ԃe4���$% �#T���N!1�� �IL�l�᧒��'%))\�)J�%(J)n���%H�RÔ�� I������a��$दN�p�N�D� )� �R� ���gT�)r!9�0IK
�QJe%2Qp� %'$� ��%+��$R$��HN.�)c'� Ȕ�T��\��H$���uLu��ŧ�GD����A:���H$L|H %w$ê��$߹%3q��� *3*CT��HN�{��9:$��DŽ����%2n�1)G�J\���6eE"I�$�)�L�xH�HJ �TC����R'T���Ԧh�c���|�C0aCt J[�$�E�R$(r� )%pS %��&S��l|�:$�
yN�� !M��H������5I*p���LvS��4�m�x rH`�w�I�s�h��F���ܞK ַ�>?���?)�I ��L�2�� ��䒔D�!H��=� )�� >*\�BJ\h�)vQ:$�\�y@�tM))��H�ZuR�%, H6>N6�Q#�%#
@B�J�Y$��.�������c:��� �'�S S� $�N��O ��%*v��R'X�I,�M0��h��RR���?$��Q>A$2h���A�(����S��rtT��;�">i��%�IL����<(ξ)䷲JT��"GuOt��$�<$L�q%7o��w��S )���d�RF�8wS��2xQ`,j�;��)g���Ԧ�%,�'� ��JJP)� !2J_�RBb#�b5IK�xNv��$�p��e%( �"e1IL�$�b Sn�<ο�$�4�)�7 )����R"#T�� )xM�4�����
D&���'XO�jcT�@L�JJZd�T@DcuIL9(��4 r[aH��rI`@>s�:�)��<j�a�R���H�SD)�K|�R��I0S��D�甸�$�˜�P �v�7���H�%)�0@��Qi����$�bB��:0�"<�B����d�ţO�g
�p�?�JQ�D����Q#�$����CA )p���� r[�B��I n)
yN�'�-�h�UJ`%J@��8�RS
�)A&T���N_�T���0H����S�yj��2փ�1�XRZa������JL� 8Sys�N��m
�T�wv )��骋�$� z �]�t�Q�c��`I*���� 2Q6��2����.v��E�:� �y%._=�����(�Gt�h�))���8���<'i���q ���Nl� ��}G$������DZM�ǺN1ƾh�m� ���� ��� RM�� �h�<Q<��KO���N��5(��H��]���J�����&N4A+��2y����r���EK̄��)��)IM�<����4��]0F�uCIJN?��ᇞ�!q�R�I��|>�X:�R�ډ�>�������� ������?rJaT��Y"S�]d�";L�I� G<��IHKa2+�g�Q�i)��>��k���F���!>r���]�LA��0?4ƒ;��%"i��#
Z?9��@�}�%"k � IQ��8���
�� e�`�~��%#7�Y؟�1e�g�B\�T��~��jo;���R��gS&w:����%"���HT�˂����RQ!K� ����p�RR0�T�.�Gަ��yIHM2� g���� R��%�c?�t�S�;"a$� �D�5�j� j.���Bgc<��;��IHaH_��x}�/@���%#'@ͥ�}-R �ɏ$�� JZg��'�X�6~%GՎ %
B�0T�{��8�q%$-�wi�①Ƥ�m�OuI))��!6�c� R�RR�u��'�!8IL�M��cGt=��Sp�RR����LCG2��LRRIi &. ��� RS0��Ee ��<@I*�*<�"$J�d���lh��IK��q��4I+�e0�<�:�ܧs��I &J`��& )t�H��(����6�
a8�R�8%)�#�IL�� ���R��<Ba���dG�JbD&p#D��pIJ�!
0D) uIJ *m$�(��btHK2S-�L�A�3�A�^u�3��OYI�!� �Rۡ?G���%2��$��$uIKSpS
R��JV�wND���˞�m:x'�t:$�
: p�D��rR�I%.`�)�S��&u)��ND�R� �L I+��KT���;]pݜ�n�v�QR���� ��H)?���)S �MƩ��T�1ʑ�0H�))sE8��bJb)�Kl&����d�ILxL��h%('tM�@�dr��R 9�ē�.RR�N ���S.ܦO�s�BR�%"n��IK���'�>��IL�c��o� ��- x�R�<��J�)�����&&RR����fxP{�� ��.
2e9 A�S��4ƽ�Qx� �>����ILu)
oD��c�8�Q�B#+?�4I*d��� h�T �D��S�
$��|J��|�*P��@h��R��q27�� �d�R��4��q(�a]�b����odFe��\��$��
�^X���V5q(n��].'�&�ô������ ��1Ż4
�@��Jc�i�ILM���=�S���IK�܀`�< "�O$�3�*^���)/���ޖ��:�wEJ/w�g:|S� ��%1���b���$ 0��t�g�$�ĥ�G�i����S* T�!E�I
�L��I%n��=ӝBF��D�4R-!��$���! QJ�IH��))O�I%?�����W� A�(m����2x��I+ S����IK'jDƉ�R�S�B\$��D�x�Hh��)���)8�@~ �RR�Tħ&�$�Bp`�! ���[�IСXR:�����"e1�?))pGC
$� t &�IL�Jd�S���%+r%vl}$-yIJ.'��M�
Q))`���BnJTh�t%' ����� ݔ��%,a4��1����' �
'���3 ��S��Hf {�D��I��N߂J[P��H�
�;g���ѡI,�y�� �{�wd�ܟywk�w;$�ô�T�=� ��IK� JC�A�$�:��'RR��������?�GI�ILȅJuL
JPR.�5�j�BJ\�R�SBxIJ�)�FHR��i���%80��%)!$�� % !I�)!@@�G���(#�$�ğ�����-`�Jb �xN��Ä��RJ���G�@��@IK���8Odo��HT�h�O�h���HO�(��B�CD��%Jg��>��dj��{�Lj��SB]�蒘���tI�ޠ4IJ ��� S�q'�IKy���{�LL|�d꒙��� ��D���IL��� � �%/�R��@��u�%2�#O� t$ a%3 '�'�R�IJ ����)�ڙ�� ��%+Q�M�Nu>iD$�LD)IKy�AK�q�R�y ��
L%��1;���HEKh4LBy%90�Vh��~I!Qʙ���A�Q/�쒙� &3�R� �����Б�⒖<&j������ Bx�a8#�b��5)�M2�JT�KP#�SJS0R�D��>��j����N�K��JY�T�c������<���j��a�E%)�J@%�h��� '!"Ԕ���)��9IL�O r`%<N�)Bu2��s�?�!$�|�H�)))\%�Q)�Ԑ�� �7�y���v� k�ILy<)9��O}L S �3�CRSVZuH 9*�&L�RN�)O s% Dh�JM���))R@�&�;��S��$�Ɖ�I� �5R�;�Ib؟5-����9) �Ĥ�͟/��I&y�S�� ? ���t��͵�:��9(|p� i)���?4��AD��B�&� $�e��Q�H���r��Rqq�`R1�5O�uNI��%0�I�{�>~J2 |R�b!K��Oܒ� ��L'מ�'O�Jd{j�@?$��p�����T�9a,)N�1�b�AJ&Jb� L4EK' ��eRB�J�<PR��p'D�D���J 2�>ha8�%(�4I��Qf�%5��$��RIO���D&�nN�%��M=�p�IL����qIL�5Q���䘄��BC�� ƥ%,uLtS���EK ��
)5�����1�H�DT� �H���L�))������J%E�xR&5�RS=�4JNrv�p���'����)�)IL��@�)Ʃ)E�'&JR��hM��$� $�J~�% �RR�O2R�%$Џ4�)���7~p�#���y�%,�*Pa4O�K⒘�!E�-:�I� �OT��`�� ���|T�SʓN�RR��<�N��)=ۊ�d��p���%. F��dJ�] �=�%0�O��.��$�%�R��0� )p��"��9v�%(8���2���I)�v�g�%M��R�R� ��IO�c$��)|�G^HTy�l�bB���R��*%����u �f
J_���� N� !a#� )mIJ� O ��[)%��"�������<T �g���RR#�s��1��%+B�O�00��IK��)�=
BI[��JS�RB�Z!-
D&����'.��Z
R"S&�:��*05�h�%$��4�j��:R�A�"c_��I�(o!�$��ˏ�h�yN�Bg))B\@
%�&���'sv���%,@�<� �!92d& ��N�$:!NaGrJY���[% a;d�D��H�$�RR�D�Jh��D��i�)�8P�Kn� j'�%-�p�tn��$8KrJ^'��|H�%.��sşE�O~P��%.�q̨�IKw�JPJ )�Ή)p�CT�|H��%.O� �S
:��Ɖh�ϊA����0$� �O�%,L�焔��!�N $�?��G�!�M���
R��
DJ�))x�#���
����%*a@�⥪F
Jb5R1 ���\���O�� $�F�����Tw�� � ��%4���J\r�� �R���%,$�KR� ��;���B�Xƺ) ?�GT��;o�E�Ba;ZJJ_|r�:N�$�4
�JZ{F�M�șJc���I,�[��- �('�6��$�8yot�h�'�-,� ��RJSAw ��;�?�T7���Ô��|JE�p>��S JM�?�Ɖ��)� L$�����2tR:($�F]ɒ���*RBJZ!4 ���A�H]1uI�-�e$�"B!9l$���a00��ӎ�6�y$ I⒕Ɖ�1� xILN�p��� �� &�!)�R� H��$�D�%%+R<@J{&���JW �Bc�@O))CC<������D肔&�u� �ܤ� �#�`�%(r�|yL�J^J`���Qa���Ղ\��j�Z� $����uM�N�h��'B��;��%(�&��(�r"J^#�B�
#�T�'�� ��0�S�J]8��AK���f�Iúi�/2��"�a$��T�%4�pyI +h���4�N��D�RK�p�L�$�8&�i)�4))�}#�R)�IJ(��'�%+�N $JZ$�m��)@���yIJ�Hk�'�LH )x�S8G)ƣ�В�Щ�N�$2���e%'�
g7`�� ��5��<�J@`�S��$uԤ������'�ZB |����!$�S��Jb��? @ !h)��BI���ș i�N~)� !`����P
JZ yI<&2RJ�p��A�?�`'�HQ$�h�c�1���$T��� � 9Q�A+� ���"R1��HM�N5�%(@R1��� x���� e6�#曞5A,��3�R� Έ�q��D��@̏�Hb]*li2GmTN��@�JfƇ;S=�.���u�RS H�"RR�c p��I,�!�� �B�R���鎩D���� җ�4���F�"%9��$� *I��)���:pS���IK�bI I?$�$�JTBM 4H�>i
RR�'B���$�<�ࣨRRJ�%�y������r��� a%.J\%�pRR�$��9� )@�Bc� N�)~v�wLPJJP$'�L�))�3�K�a���Rڥ� ������[R�Kth��d��h�����Q�R"���S��)���A)�RR�B� uN@ <�����<��ra1��J\Gd���a�{D��~w�S�Q ���Q/��IK�|h�Tܜ4$��Z��BS%"Ԕ���E� �
��S�RR>S�7��~D����%#��A��w4� �:$����'�R�G))y)�3���!�JbuNBy�� A<�� ��v��FA�H���))Z���9l#@Ks�䤥� ��~J �IL��x w)���
3)��RS �lbbTf> A��%.}�����R!D��R�O*;e)'�IL���M�iII�(
B\��gP�6;��R|O�$*!-@Q��)�ILJR�{� �#�%({�pڛh I %b#�2S rJ_��y�c└���%�M�)�����d�mѠAJ ��S� g�4���CHJ;�:��R�"��T�k j�&ࠥ�%10�II�|R��R�I<i�EL
Q% ��IJ"4�(�re0;xA �\&�S ����HBr�)}
�y?��� �����C��I%?����D�$�A*�J�!1 )\�)JP���L�ϒJPO3�M
]�SM �) RR�L� �q �S' ����T�Jpa0)�R�Ra*&�:$���<T �2�`d��JX�R0l�R�<��8(�
GT���)n�[��D
��� L&�)IL�"x��J��JJe$�TI!8�%$o*$�)���q.�{h�uJ#�Jd s�b! %!���<��/k�wIK(�S��͔��4�v7�1��
~)�O���L'�0h�g�HQ"t�"����v*)Bp!%,� ��1�JIQ2�hR��;[�$,|b@',���JTΞ)�<�!$��:GT���e0 *%$�d�@�� )�HBJc0q���%+l�:' M )y��M �����7)�O�~R��I R����I�J\Ʉ�O%%)Γ)���(���JQ0�tO�T�A�I+n��g ' !~�H� $�jDv��8Rm���tN\{ R��{���CrS()�LD(̕"e/�m��H�~ )p���BN\N������R��d'p!%,a<���N8IJ&~�'D�蒗�.ڍS��%+��ʋu*@��ILT����RS#��r�u�tH�RR���ILbS�Z&���R�O);�S )�u�R��IK I� ��L4IL��[�� N�%w90�uKi)��S �E��l ))� �8�?�|�S �%2��L� 'T��ה������aBD��q�L <��KԄ�ĸ;��ǜ�
v�`>I)i�0���Ց��Q�� �⒗"��&|R���O �IJkt
T�G�g�b@�|�JdI�R�'���g�䡺S"�w)j�J�)G�J]�v�@ SɈ���N:�|RJ�DjRNZ$%�����r�i*&�8�Fg���h#R%�pIC옘II�Ɗ/$�LJnR�)� �'�I*��eFd�I �Bt��4���))D����q�BJe� ��:F� �RR�54��&�)�%(�N�.S�R��N |�L�)%��N�O�BJC� S�S�4K���:���`'#�t w��ʌ�$�D$p@Q�II4�@%2����<B�2�a%/0�N�IJ\ �$p�!#�JyEJ��G�!�LRR����N�)ILAJ`�!#�IK�SA&JL �� Ґ�1IJ*'U"%4"��(�<�
bR�?)�|�R� �h��0��%��)ʈ� G�JC%8��$�����%2����J�R�%,�\��J\��%0�����I)��2���2�O!*a!�b�e%.L��b�PS-����&�O����&ja0��&Z�$�����䔧L��R�� �)۔���Lr��be%.�4�����h����mH꜉�g�$����Ц ��@��JSĤ�hS
[w tM�EK �7}�*l�h䤦0R�?L��1wILu �1����D��N$� ��K�J_�BGA�i�����I �RC6'XL=�FeGrJfS
:����3�i����)� �S�
%��SL���K�DŽ��IK� QJa$/�p�BZ���i>:&��K�����ja-*M&RR�D�I�i2�!%/�S�)�'5�$(h��I$�_�"dB@�%)!@N�<�>I�h�*1'D���N��BI)pa %D��\%�FQׁ�)� �;��T�����斘?�))nS�G�M ��$�0��Sr�h����'h!4$���T�В�5*P]�a.�)~Ra;���R�;����0)wO�JT�ntO�h�����t� �H$��$� �KR��%.L��
h%H��č<�N$'��%1!I����))p�a1t�J`�����JH)rJS)�\"��y'�C"S��f�(:�R0SD��� S�ѧT��Op;��qP�)�5IJ�$�I�$�r��`�yIJ�H'q���JJd 'h#I
����$Jb�R:��a�)T�]�h�x� T��4�II�ưr � �(����&ⶰė�))g8 �U�4))�-n���ΟwFRv�%+r\
�5a:�~(|$ $�S�p�Q i RR�����
G���rR��h��%)�@���R.�x<��%)<��� Gd��e.�����Hh��wIJKR�$tIK�
$��H����d�0Hj��8���O(��C��D��FJJg��*R��Jm�$L$ I ��a<�I\�)�S))~�0O uIJ:p����L�����!<u?�QR��r��83�J\h��;u�H� )a�J!?iQ�%/���a"AJ#D��R����2S&���)�b�
JX�M �K@%%1�M�K�Ғ� (;T�u�))p!0����)d24?Gh���))}���I%?�����\�A,I��"%4���JIJq�JV�y�)p� )�)�& �$�Ӧ�4��\�%D ����#�A.
JQa4��JJZQ*@���0A�IM�D:�S��B�v�)R4R'E eH�h��t����.R$�R�ϊh%:*T�s␞R�ALb���6�撖)�����$���s�@�tKPQR턈�Q)����4�'�Jb! ���4&Nd�EJ�O��G�t��|� R��JX�����G�JT���u�6���:�%)����CU(��@�IKF�� M ' ���Sq�)���)��TR ���R2 =�RR�O2�
)%~���MS�))��B\&�$2y��T���IK����JA9 %�rR�Scw�D�O�c�I
~��r�)$�% �u�I,Jq�LuJ4IK�iR�B��R��$�I*��v�RN�) �<'0�R�'�K@CS�JV���9��Uu����gFƚ��HB �$�� ��\y$�3)�h�>I����EҞLD$��������!d�t� � %mѢ~n\��&�L"xLD$��k�Q���D���IO�$�Be#4$�Ω����RڞR�K��IQХ:%(I
N5)���))P���:%%. ��D��I* 'tvL)!I�&��IJ)�)�IL���NS��&I$�� �� @?�$�H�4�
)�IK�� �%%,�t�LD$�I.R��)%}>I�RN�ΩI )�JX�HS��BJ\��2GT�IJH L%:IPM�$��
HTF�Ɖ��t�)~ �0I,��H�(��I ���D�R0R�L��%�I\j�%� ���ȓ :JJZS�$�$���������K�-S R�7WR�
$�'M2� )\'�&JD��%2H�BrIJ.�N�#T��E7 r��� I())}�#O 4�D��� i)�)$e)9�2r�T���$�()x�*<� ������ ԢRR�Qr�j�%*Iە���ݠRR� T������%8� S���*�'(�T��䒁�$�������D�BR�T� :'&SjRR�NL��r�0��:��92�5IK� ������R�H�QR�IJ ���IJ�.R��R�)p�O�c�J\�M)�IK
RN O�RR�ԢA-��E ��R�)���R�p� Bp�A=�JP=�7 �$��O� S�|�R�)@Q�)y�� Ka2G�n��Q�0�9))p@<HM�n<��{x$���p�HO�
^e;������ )q ��۸�"RR��B}��a%+B�A���!"��%%)HB��))��U�ꛎRR���ǚa)�3⊔"9L� )8��GR���RR�$T��I�����JW)�&"��)�n�ZO�Jc�I>�&�������)!Dh�B�@���x������L��lS��E�q%�h
��B�ILN�B@x� ))nJ~�%(�)AH�)D�؝<A*Q�'s�� �RC!<�) �$���bT��Q��$��J��'@�%,���L��@-C�
b7W��6�kfa(rB\j�$��)�S)%r�R�M)�I
�I��tLu���I*�u�)D'��=�"�&"R ��e(! G�J;���
Rv��������eKy
#�P�B�$}���I\� �&~ r���
R�$�$/ǚ��
IX�N4M0�e%/�D�}�r�"!(��1�<�QE+���$L��H[D��� � )~&R( �R��d��H�T�``�����~�RR�7
Z�$�
�R�%�IKBp��O�JQ��Q*F
C]8�����Q�IK�<%�0���:$�ׄ��)y���0�mIJL�DwM�%(h�u�"Z��$B�t�jR�HR:(�))�d��JJd5M2��-���tLL��R-)!b!8)r��JX$�1 %y*\��BCR���H ��0�!G����-� ��;�O�D�GC�J\�)�"RR�I�DG=�RR�)�����<�J^Sr��$ �
'D�*^��<�S ���n���逄T��N
S �T��<$�� )yI)��%%2�1 �Ʉ���d�K���2 �RS��&��nJ�(�R�8Ӎ���*e"�E/�`�\����n�SD$��$�$�����eL��b�5R�A*�E:I)d�)$H_P�Jn$����:%%/�$�5H��&-�(�R�%)�M���)���RR����v�� B�(�p
���l�}ă#Sₖ
I�9HjBJ_�93��I6��p :jR� F�)}s ȩq>�uQ�8 ���S�@� IJ&Jy<JP&L�� �a<��Ɖ)DF�J}!-
Pls�d��)��)p%$���ܙ%*!<�A2JV���\&�%)? ҈H��=�NJiJJJ^4N}�R" (�*H,>'��$�'�M�D�PR�S��T����醉)p� yH ��e���$�v�Jc�b�%+�����IK�X�Q%<����pc�DB@JJ^wDo��Ȣ �訓)!�'�BSL�A*:&J%2Je)�L��R��R$7��Ӣc�JdL� (�~Ir��. �Nܢ���!;]��a!3�``���e)��)���TR)$�@��?Qs�?� �%s�b�KD�DP�$�L4쐂����G�KSL���$��R|RR��J\&���%�H�rPRR��BT �S� !�Jh��j��>i
S� )y���A"RJ�NR����r���(蒔H=���R�L�����IL%2��)��)a�DT��䣦�)e( ���*SL�)D���E4�x����������0Z&$HIJ�
R�$��N��aF���xIJ�{�J!6�)y�;&)��&9��tKD��2Jd ��JW )�S�$�k�M)j���1JAH$��r�K�$�JDɟ�RBJQ)�"a4�IK�RI"RR��JS$�\��
JHP�$���T�0=�RR��
#E $�r�JE$��!9�-4H�����)D��IK����r�%(�1�2��%*d%�K��JT�p�uLtM0R���H&.��D��C)������:%)p��y��2����2��Q�D�5�"���뢏 � )�R�RILJ}�$��4�JRbe)��T��t�
S!$�%@�TɞɐR�F�);T��)����ƪ\(��RR�� )���)$����Ԃ\� ��7*RILb�O�%.RK��IK�N%4'`IJ!I$�)D*^)�IK�r
CT��B�Q(���8�8�dh���4H%R�(�A �s$|R���&��2�)��$�)����t|�n!J%2
\ILtRjI)��? ��jtIK��HL����.�$e)<L�8JH���~! `��Ҕ�� �-�D��)� )R�4�$ �%)r� )N$�����\r��H�i�ALIN
REK�B$��ʓ`� R�NH��
Q)�LuN��<��r��ꊕ0�T�{%��$�J<�Sa.JCD�I
�)\I�nRp �I*$�NIJ)���R�����EJ&RR���R�h�)r�$��y��r�� '���$uI
�!'D�H���ʌ'$��v�yM�mHO�IR@�t���~)�JRt�'�<�J���d�D����T��M)I n�����O0��Ja)��JJe)� !12�����x�T4JL��I ����`%$���F���?%@IL�� s ����ܦ)�R��nS�@IJq rh��JI �IJ�9H� �IK�\� $5>I)d�
S����� $uJ
J_��BJI)b�R)p��)��Iĸ�$�� �uH<$JHW M0�JQ)�L� )p�)� )iI �))\�La$��/��Q� B�1)�)����� �O)%iJ�)))\�tH%�IJ�� ����JZRԏ$����R7 D$�� TyN4I,��D��#�Z�RR�d���%-)h�)p��)�Ta!�H_@���S��M
:��:y��IL��L�� Jv��JZ%<�4BS )~S�:&�(쒖"� ����r��O�E.RR��R&B�*@h���AI1 )�- ��@�I)`S�'*<���Im��} �T�� p��p�D��)�#�JYЇ`0��B��%/��% �$�� �����Ή�<B d4
*N�SHIK "T� S$�5�R�N� ������ �JQ��<� ��d�LR�%.L�4Q�㔔�L��K�T�S���;$�)��%�;A))�k�5 %`��2��J
bd��dT�Sj�BRJJT�BA.PR��hH$�B^I�)IK�M�LuO2���/�D��JQ$ꔔ�$BJQM�p JJ[��<%�JS�0N�%(���T��S� В��t�%�@'��a�ʔ�H�*d��HRҊV�:puNL�S %8���N
JV��
E.JJ^|Ә)�����A��Z��1�RR��IK ��В)�Sp�JJP0�F
\$�'�0� )bR'
�S�
`��)ƈ�CT�&:�D$��OBy���> �
$j����H�m�%.b<��&��;���Jc)�<�Jy()bAJ#��ǒR����A�.ɒR��!9�"II
�$}���U�H�KD�����)�)r�V%)�:D�JX�%(I �I��]�$���R�R�q���ɒB��O�IT�\%�@��� Jb%$�R�H��#�HW �-2 �%7 %d���)��!I�MS�))A8|i�.R�&���%-�pa!�DBJP) ��)q)
R���RR�h�%�D��s�a�I%A"e7)����mS�BĔ���7t�K!=�r� B
Q�(��S?$ȩI��T�D����D�*RR��O�JV� JZ&IK�I4'$�p��@)�Je%.�XI$��KT�9q()m%1H���)!0)L���H%�P���j��t�� $�#% a%-�J
yM��K��$�JxM �@AJ�O��a�S )c�[� a(����LJy �J^eD����D��LuK���p�wI%)"e)M�J^H%�JT��$BH)J$�r�����L�%2-#�%�xה�$IJ�U�� ݣ@�P�+G����e��F�c�Lr�5��x��C=<RI$�� ����0��%t�)�-����L(�RJD$��~T[�R�$�pĨ��h�� �L�qLS"�%)N�)`d� �<�T��$'*)�%.�'�C��ꊙ��PЧ� )}��@�̓ 4�t)ݨ ))���!#�RRR��S �a�J_rS)� ����n�)���RqIK���S�JT� ��e.RS!�\�d%���JbS�IK��S �)T��1<Ӄ)��))S�@�be$����ײs y&-$H$�$
Z#� %�Ir�JT��@JiN
J\':��S�|RR� L������J�堎� 䔢K�-�&�))S)�))���d�M)L$��DJZ&������'AJ %�M)�2o�)�@��,�:��Ʃ��
QS!�)q�)�))@BC�Kt�PR���i���JTh����"�� 4�ALJ� )`c�S )JJd ;$!1$%2��N $�!%.Sr����IJ����IT��c�r�$��O2��HT�BhJR�)Ɖp�V�)O� !M1��
�X���yIK)�d�wIJ�:i��$���Л�達��#�<��*Miw� % ~TĤ "�Jb����IKr�
)�J_���a�I%(��.�JV��� ���-�Q$����R�a)�������$� �G�`e:HW?�F���RJ�8N]-̨�ㄔ�����D��Jt���:`R��Y*2�)�R��#�G��� Ή�R�� �GD�����$D�IK=�p���%(��'YH�H�M�JPNLꢞRR�$A �8M�))A"K����A S�@A rS�i��IK�'&8O(�x)%)�%,�̦�R�%(�:p�J\$�� �L��%+��)r��S��&�O��J[@��<e)'�!! �&EJ������J_��e$�JX�H':��IJIN#�)���2Sr�R��2&I�Pʔ�थp�e0����%/X��a�8��IKʱ��0����I��� (n�� -�w���2�:�?J� "�#��wg %!$�� ���N4L4N�U)
R:�4IL������� )`%K@�� )~R�D)��d�4 rS����:$�R�)҄�C�J[��&�O�~S� �Q:'RR��OA|S�$��!3�)4�ڠ�
1�{�r��Jcǚ\''�2JQ�O�I9Ǻ*V��1)����)@�.&QR��AH�H$�� h� :N�()i �LtH�QR�Je"S��I2x���S'�-JW r��CD���JP���0)�L�� '�2JP� �$�� r�0�IRt�D��)p���R%2J])L ��RR��&O))D�pM)p��HH�L %2��|�#�4���RS� �1� RR��r%4���R�i:&H B�8 �NcD������'#�
XH7�2�$"��JH�9L��pKS
R&J��6�.S̠���)r�$/���S'QJ�)��K���.S$��%<JdT�I�N��%+v����D�B�S�ӄ�ĘO�A(�RB�ܔ$RR� � ���J�ƀ��Q�Hj��5M�D�]�R� ;$B�J\Sk 07%%$'�v�~���iIs�
^uJ!F%#⊗�<��)p��HMΉ'D�%. �4�`��
].~i�9"�R:&H��ƩL%2�IK�p������PD�I)�!F@N]*))}
E ��$���Ӫ[AM�Y���xK�����:�IL���)�R))re.$
JdtM�n�$����P�RC$� �S�˄� �R��H�I$*a10���J\�H���1�%.�R�N4))p|�2�U��)I%*a9梞!%+��)������&�JR�(^a#�d�AJKrdЊ�ܔ�I(��Кe"���`<�H�Rk�iob����R��*X�)ܙ%. L���R���L%�LRR�La<ʉIK�d�?
0���ħ���)I&H$�EĈM�S ����'�r�� RRK� t�3�u*M����P��I)���@��
e;� F��҉H� %I�М��HJR�M��'�9S��p��.쒗��JRRɁ)�L5EK�$
\h��)�K��EJT��*-�$��`�� (Bp�@ )E�J���2��7
RR� ǚ��Kt�R� L5�"SJ*d)D&����)� �IK��'h�tAK@LD�)HD���R�)�������%0�VO�S)$��O2�tǒJP�&%)�R�L��<�EK% �Bx��Jb���c�K@�HTk �H%q�D�O���)�E p��R���)�КR�8M� ��"� mIK�y)����JR�0�Q�IKL�0�$��)L����
P0��5Je%2�L%0�ZG))d�8g�}��%0�J��p���2RC �58 p>�yEK&�9)�R�I$�J�)�L�$-�K��RS#� e$���)D& %p�K��I �R2 JJT��K��IK���@#E�r!4BI^|xN�iO�M �A
&
t�K��2���2SJs� %a� �&����B�)IJtH��
I�a�JRD�q�S�JX%�s�K���S'ڜ�IK�H�.J\h�J@JC�%/(��IK� �Sn��%$�e!%$�'�RB�$S�%(&2�0#�2RR��LxH~ D$� �#�I�RR���\���)D�&T�%1&��E�5�r%$��L�!0v�=�B產4H�HIJJa)LJJT�r@Q �IK�L�S�J]0�)J))Z�L4N�WS�;�:&�%*!4�H��H[��%2�����Kv��D�ȼ� �R�H蒕)���p��La"��Jd#�~RIL��З)D"��<B\&()~
R�0IL�P!2yIJ1�$���D)52pR��BP�J��RNBnB��U/�nJ���R�0IJ�O�O$�LBJQ�$�DJ
T�I���)c�\$�IKp���@$���yK��D�D���K�9�7$���P�J���ɔ��A*T��$(j�AJR�Y����1 )]���Qj���ILx)�~I���D��:�8�:��ɐ`�5L��IJ��I<�AJ�D�LS�'^R�@���:�
R� �H�O�Jb�Ɖ%0��&G�i�ԧ��+���BJPJ%9�0IK���)$R�7 L����L��Ȃ9�RI"!%(�H��#�(Y"���
RpHM�H�p�@�e� �D��IK�� $��"S�R�~r�W @ �^�A �d�*W)��4H������L��R�)����4���L(�� )�)���'�( �2t�4�$�F�����D��(^R�I"�Tt�&��I*M�N�A '�1N��R��%$����r���I�(IK�D�2���%)$���R�M�p���&N| ��)
I*O1�L� h���JR�LRS'��<�J%%,J}ߊhO�II
�Ja9 &$��<�!8��
S)D���)��O�L$�JS)ܤ��%2P�W%1�8H��=�B��۪wI�"��$tQN@ i)I���J\���h�����&���)`�R��R�"�
3()��H ��S)����I%.JnH�����7����D�R�7:$RRR�Js� ��<���"e2J\'��R���D��\��nT�C�� >i)�)
RLS$ܦH �A:�p�H�%))I���r%%*4L�i!1��S'p�I0Jc�E���D� $����r�R�Bp�IJ�2xK���5Lĩv�T�.R�%)\�Д) ��
d����)IJR�I_� T�%+��0�c�IZIH�D$RR�L��MR�&��D��)p�7 %R�$�B
\�&O ����I�I � ���J�N4"xJe RR�<�"�p�IIRN�J���'(%rM� IJ`$��E:Ig�4�v��(�RR�E1yIJ��LIL��R�p�\��S��AKL%)�Sp��웲\�)CT�&��8AK
<&� )a�\�yI%.���~RR��~SL$��I)��a%,��꒕)Ĩ��0�� �GT�R��ܤ�02RR�': R)!F JS$RR�)��>�%.�I0�%+���iLuLR�@�\&�%3 ����$�&�NtI*%)�I))�H��� L&"���")"��'��J�T醉��%(�8#�Jp���O~s����RT��I*�Hꔥ0��<�A��J�.TJ�*R��)� �)L& �$�%�A(IJ�H��%, 'sb<�r�%%/ �� )d�'�I,yK��h�HRRRM)%yK�Ҥ�m �Ȕ���"�)IJS�&H���0� S�:��� p��:�Sp�a%.tL��L�Ja%(���p`꒘턢���%ʑ�2J[��$�R�L�@Ri� )cΉȒ��NJJWt�AM))x��K��)y��.S�))a��D��h�����"g��fS"��1��'�/&S��"�$H)�� �
�S�9Q$vEJ:%�\�AJ�R*1 πIJ�)L '�IJH&�)J*]8�ʔ���L�tM�
]"�$T��`$'%4$�L�4I �W�T�p�T���$�κ���� H�RK'H� S�G�$.�:Ɗ� b;$��E�#Me ��Dj���\E ��tM�Je)��%/)�HJ \�
n�HT���<JI^ O�`e>�Gd�$�Bq�@j�!%,� &%�$�)�Z$RR��3�)�/�bT�4$��n��%*a4�S!(A*��L�HV�D��D�e%,BxLR䤥�J S�IP>)p�$RB�)D �ZHI,�$�$����b $���I.I
�M)�2Id$j��7 �Je�R�ds�M�%(�N)$��)�#D���T�L�k�BD��(H))@�~B�J*T�T��t�&&\�))d�t�$��F%8�%1*I��r���6�>�T�HIKJR��IJ!8Q�)IKp� ��ㄔ�0�$�����L�O)JDBJX�S�D&S$�p��2�IJ�.S�����A<�RҒxJRㄜ��vH�P��()S:���I*�"S�)��)Q)��A�P����O�d�H!�2�a)Q��M�S�&�#�IK� �H$�D��P�$()����I? %IJx��%/�C�� Ʃ)CD� ��%.5HR��R�:$�T��Jh��)AIKS�\���TSL��۠2 Ԩ� )E<��I ���G��IK��N�LRJ�.��Q )d�CD�IK%�r������)5Ů �:��<��92d�IK���2����$t<���;��6�JJeI RR�(��n��%1�O�H��RR�<�`��D&ԧtH$�)L��uAK���(K�2��SL��)y��LZ@� {�$�L'%4�dT�0�R�!��� ��~PR�"!7t�%*e$��)�R�蟄�(��)�O �EJ �Bp҂��:a�p�� �)&EK��%�GD�)~S� D���N�DJJRI����R� %$��I<%�JY8ԦNJQ3)
tLS����A4&I �Z' τ$��`4П��$��xK����R�$�Q �̦!+�ҞAK�$����%(%�A"�W?* J��%(��CTҒ�JD�iH��% ��QB�10�)�AJ��Q �J�]��JX�)$��CT�<�I+D��I���:�pe$� &q��DJJW:' b`�2��II4I4��S���c�<(���tH�))t�I%/�M��!.RR�JSp�d�����T�R�T�(��J]7)�M�IK�SpS��)@�(���IK��Hj��%,�H�I)�� )a �:��%/)D&�?d��)�#i��4IK��4KD�$��K�� )�
A7 � )wj�<> �JbBe"Bi )@$D��] i)b!I�&; ��F�L"��O )� RR�":%)s� �\)@ )����@ )�$������'R.�������h��RS��S�)!�&�9)�IP0� 'T� )p|�BQ )nS�D���(�bS�d� )��
N%A%(�R%2�I��QIL��t�$$�
B�)3�a AH����P�@$���(���!y��D�M��L��BI R� ���IJ))�M���H�K��I*�G�@�&S���(V�:��\ ��7)%$$�r���FBHP0�D�J� L� :�����92����!F'Dݓ��RR�p�IJ�<��K�T� ���$�3)&�O�%(�I0)�����<BIP�#�S �e)�@���&!(�K��:���NHJR�(J!$��MJi���
b��HI*��')��)I&R�$�&� r�
TJ�h�JJb
\$�e%,4H�I# )hK�%�JRGO�D�jS
RR�H% JJ\��L�
�N�~}��D N�I)�BAH�10�RR�� ���I+��2~RR��� ))Z��v�� )P�"���p�)$��$�~
JZ%8
2�
JT&�������I:JX�H%��$�R��I
��$�$L���� ���H�ܤ�D&r�0�BH_��@LJ��NR!%,8LtNtLJHRb�LRJ�T���7)Ʃ!]��ԧ" $����A$�S�j�IJ�.R�$�ĝS��|��S�C�I)��������S��0A,��$�ݡHj��$��8QR )\�4N?�t��R�S$�]�2�JX��0H���E�(�RJ�:`�$.�`�$�$xK�K�JWe�JW)
8I$��1�(���R���!"�$���9�$�S�%0E����4Z~��%-��q�$�E$��I2JW)�)'IKD'!2E$(�)�$xIJ%<��IK�R�0N���@L��K �L��%/�\� $�BE:d���o$�;� %d�T�;RC*��q�'_��j� S���VSJr�*aL��TO)�S&� Q���K�JX�L윤���%3R< �J��*���J�%0�S��io
'���Le0RIJ<��N��%) �!xM �r����)��☴'I$� zhN�*P0��>)�~�)D�:��)�M:�)�$�Jr :jL�� D��(Rp��?ǔ�%2� A
%8AK�t��\�I)]ԢTB�*b[ p�yQ(!�J}������9ԥ�0IK��q
*~ ��$��D��*'�JQ��S}�T��� `��(�O�H�S7&���(��������)x
#T���JIP�s�BC���p�q)� $��H�曺~�)\�D)���IJ�Jt�I2)_�D$AK'��I!~SBC��%dJ�}'s i�O�� ��l�LS�ILyR�S����BJN�r���I��B�) 쓒J�:d�B�����%." �{&K�I%IL�I$('n�1I%.tI1NR��LRR�N5LI+�ܔ�'���)�����R� ��$���$�B�$�JRd�M�%*T��I+���'*))I�N8LRR�N���t�LIJ)
R RR��E$�̨�)��$���&�qI=I%2I[�#��I)�� images/bg.jpg 0000644 00000175633 15167735342 0007137 0 ustar 00 ��� JFIF H H ���Exif MM * b j( 1 r2 ��i � � H H Adobe Photoshop CS Windows 2007:04:17 16:29:41 � �� � � � &( . m H H ��� JFIF H H �� Adobe_CM �� Adobe d� �� �
�� { �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? �|j�)�5�p��s�}��� A ���i�^��O� ��Y���u֛h�o�\VA?Os�����O�o��F� )���� 1���7�؊��Em {&k�Om�1� ݍ���]��U;��{��@�G���~��W�*��U�X�0�����cw~�7����t�@|N�:��*a�X�\�� ~�?��j�s/,��hi� ���>��s��J7Z6�Gy��i ]"��>�ѲI�6>�ǷY�k�G�]�q�i��Z��,���ls�D�;���i�ٻj�>��iw� �tw�9%${� Y�\cxI� �P~8`�=V=� �o��!���E{�:� �mۑ�X
��M�� �Oт{T�M;�G�O�RXd���_�*�6��,��]���wo�T�ϯ�"�p��������K �ej��
Z�L��E��n���#䦶9�6��-��;nM@��̶�~�>C?IK���V���ꃙ~�tWc���4F����O�� ��U��ղ�$��$j��v9�~�!Q�Ѳ#��h`7O���M�c�ogG�:�\��W8u���$ ʬ��YaݫZfU�L��f��8*K Xc�M � ���NUcu�-�rT+6���j�0CюQ���>����2>�X��m����� ��kco�~�T��Vw���U�9��=�v� )s��?Dn:���۶����{�-�v�čt\G�5�ϡ� �����ͅ���c��,���7z��� �~��2��X���i#S���,&�!�C�Ѡ?���s� 9�ְ��-�u Cu;v���� ��2Xtyo%�q�� ���U��K� �o:.��;� �kNּX�0ǹ����/�ר/;��� {~���K�ޛ�x��=��������i��K�u���7W��j��X�{�`� ����[��N�䛗H�jv� ~���4��>�A���� �S�D=�y�=����O�G��� ڬ���~� ��-W���E�y�h�M}d����՟� ?�|Z�� 3Z�c!����]�i�~s�ݻ���m<d �Yh.;֝C{t{w~n�*�;v�PI��vsU<^�E�;v�HD�#��s��i�V�F�$��i�x�ZA`v}��0w���dr�ĵ�j ��.c��H�_�%m����LO��$}����\4��|����h��8#u�}^>�Q�� '�@�ױ��Z
2 ��[C\4 �����^���ɬ.����"��r�Ʈ� h;��n:
<S�K�#��^��$:�f������u��j�5�$ �D˟f֏w��[ 6��$� \#�q��w�S4��s+�z�3ۏw�{��i���О>[� 궬�+n��[%�V�C*f��u/�� 6�ѵ��N[��i�~�> 4�� Ղv��s����L-o=� @<���!i�v� ��=���2ti
q��cN4�������.�LGx
LAB|9�-4� �l�p�n2w !���J��A�yh-
��C�A-k��$j���7�4{\Aw
CQ�����������v���r=y�y:A�g;����y���}�H1ܔJ����S�&B gZ��4 CC� y����KK{�s ������濮����5��I$���ڏVA�ݤ�$�� � ��%�^�R����s[c���V� �\��kwl� ��k�%���E�GU����Z��H;��$N���lz�e�"��.u`� �<6�U�S���I��=�� n�xR}D�
���>Jm�H��4:�}��Y�:�
/� hOr��q[c\�C��V)�ԯq��2���<������"F�W�����c�#�Q.3�˰Og� ��C��Vk�����?�J�s�9�RK&� }�4F���ii�A� �;^]��t�u�� ?@ ~|��j�1@- 4��[��F�� w�&|� �K����Ms�|@h$4�c_s��)��-o�'PJ�\�I��}�*�f�L�$��������e�l5�swr�N�;����P�� `��
��ǹ���M���E71�cr75��ڻn��w���~�v V3O�Env�[�����+ ��5�؈G���9.��ѣk�s~� r��u �� @qkZ!�V� \� � � 8�^�� �v�᧐��{�� ��>��k:w$��P��}�Α���9�:�7�8F��S�?�'���P�&{��"��h��*�q���P�s�����x�1��9 ���ma � :v��p{� q�-��� MZ{`� [��� {O�w}Xunh����_������j�}BK~�Ѱ#A�j��6]5��q1���Q�S�$r� ��� �hM � ���ĚF\�k H��-���)�5h O����h Hh���Qm.w��LL!�<�J��m�t}#���%
� }���'�N��m�J�o�A%�0g@c�~���n��2x i�>��%c]SL}!����3�e1��X[�k�����#�;76� ��ߝ��ks�CA�#�?54�T�xyp�f���k] ��VN=�h���A!�j�b<�{L�^<��Gp�� � �O�X�n �F��a�N�����{*v�0>i��G�j�q$=f-�ꭣ� �.>#E����*/����|�/O��
�{d�Տ��W�C g�$ �qfD' z�#%����F��䛟��ϲv �ȑ���=�)@������;�#�T�8��cAs�Ԏ%���w�U��z`���W<���,t�4 ;kA�"�����kf�րK��?I��}&�n��V] �s�v��]���/�~� p�F�7I-M?{�~�}���q��N�Vņ�V�{Il�s�?K~�w���/!��Fڢ�� ��Z�r����T�sgi?��)��g�M��f��^ԉ�$n����[&��6���)D�߹��H � O�O�"�� m?���������MA��?| o ��� ˲M#��� G�h'�o;�.� C ,�8�c]����T[�8�t����p� Վ�V�7��H�y0v���H�}G_��FD�����n���������v��Agg�/�鬼3!�H5�c� ��f� 'r�s�,��H�WW> ���G)פo�Q]]KO�T��n�J��ךZ ݮ>Jy m`_P��ʜ8>�'��{4 >�#�L22�:��QT͖�������;*�C�f�Jz�H-t��� x�jM��J~(�=��gc��[�;~Q
�
���5e�p#�
�ZyU� L6�� ��@Q���1�Y�E�����<y(��F���:(���j��hVF5��� v�M��4����$d�I��˵��}��
������1�\ <�.���w$�j��~�L����&�� � ���\�ɡG��ê7�i{ q& :�y��p��c�&� ]�33�i �u�x|}&��>��9���A�NM��oN��'�#f�+�;�?E��@{���,t���gM���]�kv�G���6a8�M���
t#�JBB:��:��Am�{���s������-"��C u�&��Jëxe��b��$���TZ\�!ѽۿ7܉��tER��eX���,۴���\������� �\�X@l��42 ��h��_M���ߴ=����~�ݍ��D�u�ӓ�c,��� .}��w�sS,�� u��� y,)�}�y����6�~��2�����]cb��9<����8��-��� �k�|���/kQ2(V
Gn��7*��[|�ת ��]�$m�wo>ɟ�lLƠ�.}� \53�5�ȥ�6�;,��ѭ-˨�w�E�[��`c��G.? �1��2>P�LF^��oО緒�tϷ
p�/��2�����A���o����Ւ����uZ%�ݫ>���� ��Z���G��b |�cۊ��f��A��0��6�J��+D�El0���R1�� �S�֤J`S;�� }[ F���V�� �\��f���`n�4 |�����Z��y�7+(�9�'�"�M� .�F��Yi� ��?��9� �۶��~�������U�=n�'�����'���Ud�{þ�]Y�/ �X�5��;�"dWK��>,sA�٨���i G�HV�ٯ��H�>7G�o�J7n�V<� N'��=�ѫ�5�Wt'#�{sw�.$�#w��~n���culOȪ�������?���v��+b#oi��ܙ-��_ˉM�I��怆�� ��c��� �
���bgq���SB�iIC���H�>�����p(�a� ��y�?��9�ev} ���?(Z����C�f�9�kS��c��p&=ʭ�e�l �|ƾ� Q�*��_�� !��BF}
���w�����m�۶�ƪ������ EG"=!����*ԗ���pPhotoshop 3.0 8BIM 8BIM% F �&�Vڰ�����w8BIM� H H 8BIM& ?� 8BIM
x8BIM 8BIM� 8BIM
8BIM'
8BIM� H /ff lff /ff ��� 2 Z 5 - 8BIM� p ����������������������� ����������������������� ����������������������� ����������������������� 8BIM @ @ 8BIM 8BIM W � i m a g e _ 3 _ 0 0 0 0 0 1 8 8 7 � null boundsObjc Rct1 Top long Leftlong Btomlong � Rghtlong slicesVlLs Objc slice sliceIDlong groupIDlong originenum ESliceOrigin
autoGenerated Typeenum
ESliceType Img boundsObjc Rct1 Top long Leftlong Btomlong � Rghtlong urlTEXT nullTEXT MsgeTEXT altTagTEXT cellTextIsHTMLbool cellTextTEXT horzAlignenum ESliceHorzAlign default vertAlignenum ESliceVertAlign default bgColorTypeenum ESliceBGColorType None topOutsetlong
leftOutsetlong bottomOutsetlong rightOutsetlong 8BIM( ?� 8BIM 8BIM 8BIM � � { � � m ��� JFIF H H �� Adobe_CM �� Adobe d� �� �
�� { �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? �|j�)�5�p��s�}��� A ���i�^��O� ��Y���u֛h�o�\VA?Os�����O�o��F� )���� 1���7�؊��Em {&k�Om�1� ݍ���]��U;��{��@�G���~��W�*��U�X�0�����cw~�7����t�@|N�:��*a�X�\�� ~�?��j�s/,��hi� ���>��s��J7Z6�Gy��i ]"��>�ѲI�6>�ǷY�k�G�]�q�i��Z��,���ls�D�;���i�ٻj�>��iw� �tw�9%${� Y�\cxI� �P~8`�=V=� �o��!���E{�:� �mۑ�X
��M�� �Oт{T�M;�G�O�RXd���_�*�6��,��]���wo�T�ϯ�"�p��������K �ej��
Z�L��E��n���#䦶9�6��-��;nM@��̶�~�>C?IK���V���ꃙ~�tWc���4F����O�� ��U��ղ�$��$j��v9�~�!Q�Ѳ#��h`7O���M�c�ogG�:�\��W8u���$ ʬ��YaݫZfU�L��f��8*K Xc�M � ���NUcu�-�rT+6���j�0CюQ���>����2>�X��m����� ��kco�~�T��Vw���U�9��=�v� )s��?Dn:���۶����{�-�v�čt\G�5�ϡ� �����ͅ���c��,���7z��� �~��2��X���i#S���,&�!�C�Ѡ?���s� 9�ְ��-�u Cu;v���� ��2Xtyo%�q�� ���U��K� �o:.��;� �kNּX�0ǹ����/�ר/;��� {~���K�ޛ�x��=��������i��K�u���7W��j��X�{�`� ����[��N�䛗H�jv� ~���4��>�A���� �S�D=�y�=����O�G��� ڬ���~� ��-W���E�y�h�M}d����՟� ?�|Z�� 3Z�c!����]�i�~s�ݻ���m<d �Yh.;֝C{t{w~n�*�;v�PI��vsU<^�E�;v�HD�#��s��i�V�F�$��i�x�ZA`v}��0w���dr�ĵ�j ��.c��H�_�%m����LO��$}����\4��|����h��8#u�}^>�Q�� '�@�ױ��Z
2 ��[C\4 �����^���ɬ.����"��r�Ʈ� h;��n:
<S�K�#��^��$:�f������u��j�5�$ �D˟f֏w��[ 6��$� \#�q��w�S4��s+�z�3ۏw�{��i���О>[� 궬�+n��[%�V�C*f��u/�� 6�ѵ��N[��i�~�> 4�� Ղv��s����L-o=� @<���!i�v� ��=���2ti
q��cN4�������.�LGx
LAB|9�-4� �l�p�n2w !���J��A�yh-
��C�A-k��$j���7�4{\Aw
CQ�����������v���r=y�y:A�g;����y���}�H1ܔJ����S�&B gZ��4 CC� y����KK{�s ������濮����5��I$���ڏVA�ݤ�$�� � ��%�^�R����s[c���V� �\��kwl� ��k�%���E�GU����Z��H;��$N���lz�e�"��.u`� �<6�U�S���I��=�� n�xR}D�
���>Jm�H��4:�}��Y�:�
/� hOr��q[c\�C��V)�ԯq��2���<������"F�W�����c�#�Q.3�˰Og� ��C��Vk�����?�J�s�9�RK&� }�4F���ii�A� �;^]��t�u�� ?@ ~|��j�1@- 4��[��F�� w�&|� �K����Ms�|@h$4�c_s��)��-o�'PJ�\�I��}�*�f�L�$��������e�l5�swr�N�;����P�� `��
��ǹ���M���E71�cr75��ڻn��w���~�v V3O�Env�[�����+ ��5�؈G���9.��ѣk�s~� r��u �� @qkZ!�V� \� � � 8�^�� �v�᧐��{�� ��>��k:w$��P��}�Α���9�:�7�8F��S�?�'���P�&{��"��h��*�q���P�s�����x�1��9 ���ma � :v��p{� q�-��� MZ{`� [��� {O�w}Xunh����_������j�}BK~�Ѱ#A�j��6]5��q1���Q�S�$r� ��� �hM � ���ĚF\�k H��-���)�5h O����h Hh���Qm.w��LL!�<�J��m�t}#���%
� }���'�N��m�J�o�A%�0g@c�~���n��2x i�>��%c]SL}!����3�e1��X[�k�����#�;76� ��ߝ��ks�CA�#�?54�T�xyp�f���k] ��VN=�h���A!�j�b<�{L�^<��Gp�� � �O�X�n �F��a�N�����{*v�0>i��G�j�q$=f-�ꭣ� �.>#E����*/����|�/O��
�{d�Տ��W�C g�$ �qfD' z�#%����F��䛟��ϲv �ȑ���=�)@������;�#�T�8��cAs�Ԏ%���w�U��z`���W<���,t�4 ;kA�"�����kf�րK��?I��}&�n��V] �s�v��]���/�~� p�F�7I-M?{�~�}���q��N�Vņ�V�{Il�s�?K~�w���/!��Fڢ�� ��Z�r����T�sgi?��)��g�M��f��^ԉ�$n����[&��6���)D�߹��H � O�O�"�� m?���������MA��?| o ��� ˲M#��� G�h'�o;�.� C ,�8�c]����T[�8�t����p� Վ�V�7��H�y0v���H�}G_��FD�����n���������v��Agg�/�鬼3!�H5�c� ��f� 'r�s�,��H�WW> ���G)פo�Q]]KO�T��n�J��ךZ ݮ>Jy m`_P��ʜ8>�'��{4 >�#�L22�:��QT͖�������;*�C�f�Jz�H-t��� x�jM��J~(�=��gc��[�;~Q
�
���5e�p#�
�ZyU� L6�� ��@Q���1�Y�E�����<y(��F���:(���j��hVF5��� v�M��4����$d�I��˵��}��
������1�\ <�.���w$�j��~�L����&�� � ���\�ɡG��ê7�i{ q& :�y��p��c�&� ]�33�i �u�x|}&��>��9���A�NM��oN��'�#f�+�;�?E��@{���,t���gM���]�kv�G���6a8�M���
t#�JBB:��:��Am�{���s������-"��C u�&��Jëxe��b��$���TZ\�!ѽۿ7܉��tER��eX���,۴���\������� �\�X@l��42 ��h��_M���ߴ=����~�ݍ��D�u�ӓ�c,��� .}��w�sS,�� u��� y,)�}�y����6�~��2�����]cb��9<����8��-��� �k�|���/kQ2(V
Gn��7*��[|�ת ��]�$m�wo>ɟ�lLƠ�.}� \53�5�ȥ�6�;,��ѭ-˨�w�E�[��`c��G.? �1��2>P�LF^��oО緒�tϷ
p�/��2�����A���o����Ւ����uZ%�ݫ>���� ��Z���G��b |�cۊ��f��A��0��6�J��+D�El0���R1�� �S�֤J`S;�� }[ F���V�� �\��f���`n�4 |�����Z��y�7+(�9�'�"�M� .�F��Yi� ��?��9� �۶��~�������U�=n�'�����'���Ud�{þ�]Y�/ �X�5��;�"dWK��>,sA�٨���i G�HV�ٯ��H�>7G�o�J7n�V<� N'��=�ѫ�5�Wt'#�{sw�.$�#w��~n���culOȪ�������?���v��+b#oi��ܙ-��_ˉM�I��怆�� ��c��� �
���bgq���SB�iIC���H�>�����p(�a� ��y�?��9�ev} ���?(Z����C�f�9�kS��c��p&=ʭ�e�l �|ƾ� Q�*��_�� !��BF}
���w�����m�۶�ƪ������ EG"=!����*ԗ�� 8BIM! S A d o b e P h o t o s h o p A d o b e P h o t o s h o p C S 8BIM ��=http://ns.adobe.com/xap/1.0/ <?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?>
<x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='XMP toolkit 3.0-28, framework 1.6'>
<rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:iX='http://ns.adobe.com/iX/1.0/'>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:exif='http://ns.adobe.com/exif/1.0/'>
<exif:ColorSpace>4294967295</exif:ColorSpace>
<exif:PixelXDimension>520</exif:PixelXDimension>
<exif:PixelYDimension>401</exif:PixelYDimension>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:pdf='http://ns.adobe.com/pdf/1.3/'>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:photoshop='http://ns.adobe.com/photoshop/1.0/'>
<photoshop:History></photoshop:History>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:tiff='http://ns.adobe.com/tiff/1.0/'>
<tiff:Orientation>1</tiff:Orientation>
<tiff:XResolution>72/1</tiff:XResolution>
<tiff:YResolution>72/1</tiff:YResolution>
<tiff:ResolutionUnit>2</tiff:ResolutionUnit>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:xap='http://ns.adobe.com/xap/1.0/'>
<xap:CreateDate>2007-04-17T16:29:41+02:00</xap:CreateDate>
<xap:ModifyDate>2007-04-17T16:29:41+02:00</xap:ModifyDate>
<xap:MetadataDate>2007-04-17T16:29:41+02:00</xap:MetadataDate>
<xap:CreatorTool>Adobe Photoshop CS Windows</xap:CreatorTool>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:stRef='http://ns.adobe.com/xap/1.0/sType/ResourceRef#'
xmlns:xapMM='http://ns.adobe.com/xap/1.0/mm/'>
<xapMM:DerivedFrom rdf:parseType='Resource'>
<stRef:instanceID>uuid:6e9299b2-ca8e-11d7-93ee-b485bbd52773</stRef:instanceID>
<stRef:documentID>adobe:docid:photoshop:e1545361-ca80-11d7-93ee-b485bbd52773</stRef:documentID>
</xapMM:DerivedFrom>
<xapMM:DocumentID>adobe:docid:photoshop:6de17d01-ece7-11db-83ed-bd161e6eebc3</xapMM:DocumentID>
</rdf:Description>
<rdf:Description rdf:about='uuid:6de17d02-ece7-11db-83ed-bd161e6eebc3'
xmlns:dc='http://purl.org/dc/elements/1.1/'>
<dc:format>image/jpeg</dc:format>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end='w'?>�� Adobe d �� �
�� � �� A���
s !1AQa"q�2���B#�R��3b�$r��%C4S���cs�5D'���6Tdt���&�
��EF��V�U(�������eu�������fv�������7GWgw�������8HXhx�������)9IYiy�������*:JZjz������� m !1AQa"q��2������#BRbr�3$4C��S%�c��s�5�D�T�
&6E'dtU7��()�������eu�������FVfv�������GWgw�������8HXhx�������9IYiy�������*:JZjz�������� ? �I��sO �b��?�W}���� �\�ceYTEA���'焔+�g�Fҩ��o�T�8�.� ��*�]�^� &��G�F�_�Tl�i*�R����?���eL%EX۰p�@y5;�6 vFE� �Z� ;S ���QT�N�� D ����|Um͕���k��X>�aPZ����f��� H��䣩߾*�Ip�-�B���
c�F�S���Dh����m[8Q�D
B�]�凈�+J2�*}9�"�B��kF�a��V��qk-#�r�Ue=jiqZK�hnMن���6 �.��Zr IU��ē S�}�
�M3 �� wf66B(�X�@��
r�� �
��+�A�\���(�3�A V��8��[���움)P+J��W�m����S��IW�[�t5FSĐ Ew#�HT�=G��±�14Z좿N���)�PQ V���Չ�#��x�Ӌ� �O�|vꩃ��r��L
���v�P�8�@ʈ�G��*>�o��Z��¼�Y\\FI�G� vDƫ��׆B�+f�mY�1�۹���߆Kb�~�h���w� �!��\�rT!�������8� ���e �
¢���"�j�+J K� ��H��D�M Z������v��B�9��� 8i�j����n��2�9!.�PA��`�nFj� u'i�t#����D�a�w,�1��#��ˠm���Ƈ$�*�6',�\�Ւ��&�i��0*9L�lJs a��R[�D�AQ��P����
�:��X��h9d��(�a
0�9W�(t���L[{����m q=A�Rk�,N�lKQK�ف&�h�Q���]��"��� P��4Ȁ�Si��R-h��E�`��땘��[��2j2Q����4�>�upJ$)F
�,�(_�d����z�&�)�h�d2!�-�T�
�l��f�HEI��$�* �*�ƭ D5?w�Lz�ژ�_ �gut�2)�B3
���8E�Nm����� �l+�lI%UD�;��M�p*�8U+�R UppW���|Uc8ZaS�b�y��;�� ��I�Ewۮtz���aV��I�7�* ��� �DO�"!b<qVX�y���6��t�ڞ;�!Q��c��?eh*����.�$��qJ����T �>O��ܯ*��jCm�Q��� \��7q� ���z�2zq$ ��z��@��J��� �Dp����r4R�-E�A� J0��Iڃz �
Tt�:l�}^4u�I� ��J�Ӈ��'��iz��J��4��i�M������cAS(ma�@Qӧ��`2Kw6�N�8�SU$V��PA��� ?{ �G�ji���U^�6_u �O�/HD��V�P;|��-6� ��lj ([�$��>�=�r�Ȩޜ�� ��Eq&�/��ʭ �b��gRA��ګ�VG�U7Fn�t�p���f���+�Xu�%;���&o�A�Q�_ɐ0eh�Q獜���UA��y)���T��՛���*
� rVU걔V� ?I��(yP��I��������]E�E"�U��Yщ o�|�-�ɥ�4MV��@v����� �d�4Ć_� �^$���R�b*[� ��_~�kO鞗ɘ�\�"�-)�f4���� ��I��ډj�9&6�Ӗ+H9ӈ$m���W,�_'L Y4�V���Zx��J�ړNlp���jw
�c��恵
S|miBm1F�D�`�Of�Fmf*U$W%Ď,���R96�^%a��kbq�YE�^�r2��������[b]�!�Zљ��O˶NS���=&��~�>"8�rY�֕=�l�[n�$�Jr�+�����Z52�J���P�6�
G� ||�N@��M�=�Jse-�~�s�bIԻ04 ����jWK{i4�-=��*���C�R9 �%톉� �� F�RdaF
�{`U>��z(HD���%��Mk�ګ�ި潍;�P�M�yL��|Mψr~��V��x�1 J#A�`%U�l�*��6�u�P�>� -NT���1V7 ��- dC�#��:np������C��
Rh�O�!J���۵XP�
���O���\HT�;�p ���Y��@�^ �C�=�I
[D[�Cѐ~ҁO
ס�(9"�����C˜u���GO�
��Փ��� nx֕4���3G*�B����ª��B�.��u��TV��j�� U{��#�7���ZT�N�x��f�� ^��[`�b�^�i%�J��#_��j䂕����W-��iS�ui
d�Cny�? :��5�zcJ� �\�x�A�; ��1R��= � �"�[��?�Yk]��+;�E%�\�z���e T�52
���8Fꦲ@OڦǶ#ea?� _��������#ɨ>��@�sĄ� �>f��lb�
���I��c.��g�H�`���7�7J��3i����#��M�9�� �r�U7�G\ )�X����V��UP�E0$(\(e8B���6V<r�H%r��hk�
d,6���ׅo��>�m (y��q I[ �@0��L-� ��*�
dY!^��zd��&-����W"�V��2$�In���vˣ��x�2[�행5RD�
�H��1e���}�V��7� kA�R2�2��v��n�8�]m��;1��� pE=*)RO|��P�^O�;;�[�fTg�P0B�6�e��ľ�*�1V�� V���ڢ���#X�[(U �O5c�� ]���[K�%�+�F��j�Jm�9PK#�Y����<��dҾ�}�i&�&�?�cV��T��0!8MZ e]J�Ǒ�*�5��AZpc��Jo��)�Zz~�z O�mn����Z��ت�zN�0>"��T���ܚu1r�~� �yW���W=������d�O�6�)�Y��tF"��W�b�;�����ԁ� � � k�C�0����duh��Q��֕;����o�אbB���}���
����# V��
�JO�ni�6�
�M� ���]�>!#��'c P
,o�'�a� bb|Z����T��H"�Dn���{�1Uh�G�@#����O�*�jq�]$�순�j��b�t�p��_"�h��y#��,I؎��qB _z2��:���N��� U����v��m���w�0���j� ���
�XrHK���\}f�@��hXU $A�jo�8�P�{wk�{���)G+J0*x���v#�V.�y
�hyqf_���:7� �Sv�^�O<qIƟsC]�@%v� �lx{�ִ�"� �����ڙ>hS�_U & ����F�̡K�*y� WJ�[q�� � 3����X�-ͤs)���d�upr`�!/kA�O����ź�<K¡-��m�ؐ�ZѰ�����%�uCBp��4��WM�<!�8BBKo=2@�E�( ��4�0(h ��[ \:|`dL��\V�m�%����둶T���;o���0�ۦ U7PE1�
͚���@����� b@�/��g�kQ�����+ښ���5�� ���W~j�fS�/Ih� �onȉ �QV��K��4�E��R�-.5��~ۭ�B����vc�a���ʗM o34� d��%�����'t�@�ֻҔȪ�Y����oTֆ�*뫤���ۑ⡔/z
�*���i �[����
�r#
w���-)W�W��,/^�|o�P�b�Ԉ�эEZ�(v�LmPR��;�IHV*z��-���m�ͪ�JTH+GN#��ҍJ�ĕHn�h.`��7x?vμ��[���#e(��%�7S�Yvd���04�� ��P�t��G�� �cW3�PH����kH�&����f��� bG�N��B!5 ���H R�� � �pҸk
#K�Dm����]U��<I u�?�
�ت����# �"������j��R1�p�$|���높�����3T0R�6t�jEiS\
�������t$�M���ڦI�D���풴,��� u �� �����'В^j�zlM Ӧ��lN��I�@��bv;��
��R�EviO�ޘ�iqu4�Ɔ�� Q^L7?NH!ˣH@U �@2� ~C i�{��tq��e;}�U]*��ѻ �lWm��
ֶKj�{���I*�qO�V��j���F9n��|
�UA�)".�T��#�a"� �1�=�����ہ��Akr� �KS"C �k���)+� QW ({�_|mF���r�� � � f�&C�DhYW���?@8�ZP�W��N �H�� ?�7�wJC���j1�+Aϔ,z�(�)��� �]����=�c��E�d�+�v�� ��F,m���(!Dۏ 6�Sx���kp*FH$%ӻ���0�Q�a��� S�m�!%.��ra�@=� � ��0-�lHE�PK s�!�Z��r ��L D�Ȳ�)d�T
���{ci��Y+�����$4]�6���M`M]�J�����InУ�jĞ<��@�1T�L�Q �k2����b?�M��~�rD�S�=f��$�2����.g�����
B���=Ż� <�`�+��+��*��&���� q�$
q�H��;��!Q�yo5�)y((�H�c�� �ŏUM?JZ@��F:���>��T��3 !�B�ScZS�*�ܒJ���#�����z9�[o��8U"�o��/�*y�����N��� �� ��.���v�3"T���Z��� � B�ߙ/�;���=U�p� �P6�$S�p�)�W� ���yn�KE��]S�joO�E['�r6�^_yG��+U�����5;� /r +h��,�iJQ�vg+ 4<��
�<HA��{�bY �[����3=��: ]Y�Qqy$�T� N ^��d�T�C�j"+���w
Ze �SV��_�p]rU�m��V+[iQ\J$9�� U J���5U���d*�O*ƒ)���8��G힟��HB�Rݢ�"�qNC��bJn>*b��-w(�fy _��jH�l*���XF�-:�քҕ�;�B�m� Ж�� "eV���(F��GT`�� �W��[���R�)M�
$
�� �¨!4G�.�1#f���J�z|;dRع�~5Ue���9#"� ��?�㺢�T� P�(P"�ʻ�uߧ��hMm�]����<p*!
��w� >��oR�ѷĎ(G�8�'�L�g�*���ۼtZ�G��P��R�Q��3�aN@����>�(F}N;nh6u� �$$Dž��zl�d;�=O�)I��'�����3,s�
�Z1j)�ʼn ] �,㒅`� A�ՉG �.?� ��kP��w&(fg^%NΠ-7� �}�HQ�ݸ��=H�b��p�ęRE:~�o�!� ���v9��4��Ѣ!�8���M���ČUI�
&#
\m
��$R��ߦX䅅 6�%l L�
�
���A�N,d�L��\
�9�|,V��VA�0�l�$����Q�S �&
��� ��Im��� �D�`+� v��ik�1T<����I eň,h2`�!���Zg�i2�����q�W��z� � 2� 9D]�z-��iseG|��5f���� �p &�ͧ.�}4
{r�( �� �{�A�B^���m���*ܒZXCr�Ŕ�u�"�b�V�v�����P*yF��jS��v���k�u[�)# ���NI�U���mm*I�szG�Ҭޱ}�0n��Ğ���֮Ghg��i_��Y����MGa���z�ͅ�1j0�l��Uٖ.=d
�58��\��N�4�V�$ڒ Q� �|U�ƥ�kW�2�� ��'>�|~���� ��Y+)_C�����{�\zS2�ԑ�T����J̅��\�F� 7S��lX]��)�][[ݥ������5$��?����1�! �]iO/�z�r�Yc��xԆW�|"IL5�KO��>�
D�vESR(�P�;��I��(�S�Kd���W�s�kBC<R1 pg����$%��+�0���&�X�UP��JըF�pXM%��0�[����4j�Oϊ���������n=KYob{�R�A"�6PvzScO ������-ս�P,��U* ��� o� 4-��t��42z3ES�`F�@�o��Ё�Z����Y��$�ٲ��N��-yu�X*UY���N����l~! �'�~�n?� �� ��I(�����)�V�YV�ce��g D
ZYDo �� ���^5"��o !�3�"�D9nwPME+F e'�el��K�
��$�fXZ��9r�Sz�O�����V�UU�F qP
z�hC��f������.��U6�� ��ZL�uH�0�T i�U4� �Ѱ��qMlc��0(�J��M@>��U���-�S4~�<B��Jס$ �8.���
����?h�H~�,*�0�w��V%?�^5SSPj� 찚B���1e�~8�:��J�*v�I�2�0�H�5�^7���߳/�䘡��J����* .�"��1jT� �# vd�\w1�*��JoA�l=o2�;�*nTo�vC7j6�=����� � ��-�f���H��jѯ��5�7LN� Tॵ�X���ی�Ɩ�8��)�T�}��(Y-U�O|6ą�l��
� d�i�*R��<M2ؖ!���\�4���@9tb�"� �Z�m5['�ݸs rq�bPM2��\�Y ��evΕ� ������a�!T�aB���
���
� �5Qg �Z�e#*�OU�7 �=�a�Q��[<�K%Wp�|!��� �����t���ZS��/P��< �~/�,�$�{�q<�qp��)
��w�
��4���@�@��F�۠�IZ����m������
~>(��s�N6��߬w��s�[��~)nD�h��d,$'�ڥ���� G��S��V���÷ņ�f�� x���B�B#�;�t�d�������X�>;uU䛝�ӍFG�$:���3l�3(^q)P��j����8�Zi
�w�ы|$��
��v�~�~�@�W�̲��5]�A�T'j�
��&��� _��
I��$|a�}��>� 4R���qM!b����;n?g�?������:�2�����u��-4����(�t�d) ��RM*�7�R��J�_U���骓Q�$�w=q2P
��b�9��c_��yw
��־�-#[_�Q���|%� ���\"G�i3�t�dd�a$_ݷc�Z�4l�h�-��=�����Mŕ�h� a��}��?��%Yy�E%��� I$� +��J�X�|��ZL�U���2E,o�q/��<�o��9(ζAR�I.l纎��NrG �!�#ҁ�o��
������ ��(~ٙw��$7�n.�O��p�r����W.c�i�z��JT
�۪��y�*� /Z;���5 q�
�gq�n� ����!Za
��)(R}&��������2B� ���7.L����ܐv'å2<4��U~�y���$Ҳ�Tf��r7��@B�R�|���ȯ�|MEU��Պ�qmyջ,�ĉT� ��ʘ�St�er����EEP� 1 q�oq�Z�Z�z�Y0B�rKv�P7(�IVv�������䒉D�g`�-�h nT�@c hX���&�(GF j+O���_�&X/�G4|�rT�PiU�Ek�\r�F��~0�*y$�����Z)�x��)G��{c .EP�EFN;1;��X�C*���,,@E�����TA�B�0;���%��f�SP{�Za�E��4��W 8@[K� kC�
U{n����h,�7}f��3"q�
�_S�m�q� �h�*��l�܌e8��05�Hn šZ �M�F�Sl�%�ت�ĥs0*��2HQ;���Rj�$�m�����Y G�� �ghք��6ޝ�3y�P��h�u�>�^SO�Ʀ�G�W#i|ڴ ƀ4�<�F ��Ǯ�8�M����䏄���{�W�$x�U� +���-
v ZK��_����<A�zҕ�r6����h�� $G�r�����`2 ���_\��y���
��S�`��E��in�/���Dk@��O � Ґ�%g- 3Ʌ�x�lmi %Ԇ�d0q �1!T�?�WzdIJ�n!v�+N$K�Iz(�{�?~���h�NW~�#�$ S�jw�A�R�0VZ ���:���H�� �sG#���x��Pҝ��Q[��YƆ�~-��^��A ���F��� 銳>��SJqބ�` �Tk�WÖ7KNk�����r'�6;��kJ�u+@}0[��;�Z���{��쯵+w�����$CZ����vG N$wK�Y\� �8m��@~��$i�&�Y�c�9�G/
р�Q_���a�jB�ֽj5Xf��7Nj��U�H�j�?��<w�iR}nR�[�
L0��7�>�>�Yi� "QM6�v��OB$d��id ����}�Iݕ��9F�H݃rpX��)"�����"X�����I
��~�܅�. G) ��-� �8 $R��_�� ��NIS��,����JW�_��61��E�W�4� �n,=�$]90Pjy~��d�4(�s��(��kp �L�Ǩ�R���_����js�l��.C��Q�(ܾ�
k��q��712�����Zt�=� �o�2� ��4I���� �Q��U|�jH�L���0 5#q�D �TeY� ��!��E)^�e䀠ʭI#4_ڡ5��
��N� ;�����3�(��*P��� FN8���̅b��:�ANF�!|w�9^�زد�&�� !y�|#�
{ � �,�U}r����7V�]�y|� E���D$��B=*Z\̇�(e�r�ê2uWR�
A�0WB@Ȳ �p�X�a��p�LҸJ�曁���7 �*�ZP��$�B`�s�k( �cT e�
r([[����,�XFI��4�1���=��&�L�p)�KQ���E끒�@�,æ�ȶI ���АE�y���Y!�\8�0+ƛ*��2�"[8P7�ى ��F�';�`kҿ��#jM#����T ���iއ�$��E���郸�:���q&��U`�(V�7Ē�닍4EO���3V���� ���B�Ȼ��y��
:}� B�AR"�,��ׂ�]�v=eq���2H�� ���i_�F$*�wQ$ ���;Y�����y��
Kpԓq!5Q�Y�����h�P��8r���%�
GO �X�� ����?�� ��nDR���rN�^��# ���:t��G
���ʋ鴇���f��c�<� U�����F�
�۶"�(o�K����4(åz >���i|�Ozn+V&FP���a�� W�v+�H�F�&�!�T��U=N+�^��()�x6�MǾ�8.��l�j���w}�S���� +G
#���o97GPd5w�0�_��n�Q�%�hIޝ*?^7KK������;"U~ *E*v�q"��u�r�,I ù���p*��S�tl�5D"QŦ� & M6�c�w�!V����[�A���j��J|8l!�Yjv��k��Mպ�e˔|��Z���~���g��6$ ..�Kc%���h�U4^ rfu�JM4��.�Euv�q?�F�<��b��'�|�|�Ai�Mu���·�UI����I_V=��J���ؿ �9-�E#���[�h�`kU�/gUP�+I=E<O ��� �*3���.�o� @a ~�> �Z�l*�ܤ���I�P9�APX���o��̀Ii�X�,�T:��%8�{��C���2bĂܱ���E�� R���:12A .����$RX�� �T?h �k���h�Q%H�P*���~#�1�� T$�HaM��� �6T�L����}ʑ�hb@� k)�˶;���p?����Bk�?(�����L���ոݡ�v�~��˺5�i�F*�W�
�l0%NQ�1(R�M2v�E��2&J�)!%�I��p��î5Tm+�2<l�WZS��&&��'���Mr��5J
��i��aǔ
\�ʍ�9q�-\$'zn�z�4���ʫM��L��)��|o�A�i�'� %K�.�X�$k�-��1K�ѯ�N'WC��h��q��v�q&��!��5n���B��'�1�T��W����UDO�ВƤ�N�{�Q�P_�hX�s�R����5 E)_�"�-b�\ 2�|��o!��k֟��Z�P��
Ky:�R;R�5%�k�_�t�r[�_�MBI�cjU��A��_y �� 33ȴ�~�Tw �a�;��R�9��(��U
*pY����k�zC�ƪ�T<{-i��I �J�(��%
#��t�0PW��m�s+���E-�@� �S���KPb���<�G ���S��![$��g��k�4� b@
�������K]�Y�e�&U���� @��8�Pm|W70[�zo�wp]�ӕ:��p�B���#���x��x�j� � %��+��q+��r�O r)�6z'�R?���&�-��$ �)ʻcG�,t_g,a��X�s@�Ò�� �A�!����G���(x���څt���dn �I =�]-,��Dʪ�ߗ"���z�$$�e�����T�t� �=0�h E�r�#�֎(hH��d#gZ^\U䵊�������$r�Z�z��G5�� O<�~�_`����p�!�-3}a�$�F��xz� z)���N$� Ū"AF �O��F �)�k��݄�G�6� �I*�`��2����<���lu��
M-��$Q�A!<HV#��ڊ�kT��|�o�EI��R�s+*�r��j�� �fDži���
R�� +�H�j�dc��j���s81��fI�07Te�z��� 6�U�Kw+Ekq м��M��O���<��� '$�C��R�a���1��%$QwS�NM�$l��8Y����)C��]{Sq�L��< ��+�T�yS���?��2H�ʳF꾲R�jU�{��<�BDv-�e��
w� e��b�Aܨ���
M
����Q�B�.�T���8:|4�k�*S(�E6#�G����Z��� 4�Qf�B�|O\
�5� ��q-p���H֙Y������ 8m "#�i�"K �ъt�iCI�L�(�4�� �,
Q���4mA�[ 0�X�幉ڣ2�\I
@��D�o
�qRs�z�$3 t�e�ZZsE�� ����G
�!&.�l�bV�p�� X�]�Rm��q�xf
$y==��K��iS� ��f%� :��s5g/5KL�ǀc�ו?����;�E�0F �,:��_�LpJE".v���SH#J�K�jTV�?����u ����iv����r�*�0n�c�����j$!}8х]�Ҟ� ��0 9�>J����qy���V� �S�0
H�E�V�l�2� R�;e
����H��Y-��C����U�d��NT�G~� |�]ꯪ��%�_D*�%����wۈU�>!�*�i��&�D�����ȕA�(:�}��A����P��W��_�@�YD��}1Qb�Us@$��.�����&�e �Y��4rM&��&��Lw�_�v�!���w���$�L��j�����#�y�cɹ��#��L]ڥ��J��:���V�9�o�� � B�Y��u�6 3�y�+e$ԜM�'����*��E\���r>�T�:�LI3� T#�V�J �ۮ?�R �ܫ�:���H��$��0�J.A�B*3\����S�F�dwEB��E�zȢA�FXl���$.��4�u^�6i"]�XЁ��|Gz퇌��C��Ly� h�K�x`$���4T��r�24���X�������D���m�2a谓ȃ��j�Ğ��`�b��V�� ܚ�Ҵ��W��[��c
�<�J��@ I#��� z��� �o鈷�� p�H;�� Ьm��x��\ #��
TQV��LAcjʖF�)aˑw,jIJ �� �<B�2ۀH�@ 뇋�)c%�2Hec$�G�@���{p��;�*[Y��f�� ��ZM�r~`��ec�Y�%�ZG�\H�� `��+CU��$� ���#T{v!bnQ8���@��S��LT��K �}i�>
�� �5T|<9�O�[��ZUYYg�
��PG�I�+R�e� ��B�G��k �Ga�hO��_�\��CQge?�*��$T|�� �(H�h�3'!��:Ѽ(0 H_n}+����]�o֕jR��\#�Q�
_�`�)�tk�z��]��+�rD1T��+�J�p�
-�mԷ\�d������F)Pe�
Hژ
�^CTf�B���
u$ �`R-B�$���ѓT����`� e�+W��!���o���|@ �EH�)-�X`d�.�ڡ���l�,iO�C8W��8�S��#��5Rfx���)V;�Gڦ`�r��D%ժ[}` o%vR
�"�T� ��?h���jw�Y'y6� dcRw?
�����+T��������ޒ?�}F��O����"�۱������,fI��(R�G�R}��=�K/ol�Y"E���W�b "{er�,���D��9�ʿ!��D�ʉC=���8�\14� Iڊ�!��l�Grco
ݥ��H織'�Sv x�]2�+���&�O��ъ�f��W<T56'�����H��uZ[��'YZ0��T��nOB~�F^E�M��[��K;)�PO��+ݝ�'�L�4�CҀ��צF�QϮ�:|0��A�j<I5$x��� �ꂶ֒k�'� 4� ��\��nG�����AcA��J��<@�\]y5� 01���>C��vQ�,j�r�fj�(+� �lj< J�V�24Ǻ.¾�,&�PT�����h�f�� ��J��TJ ɤڞ�$1�s��r��w��2�'�_�$
D�ܱ�f([eڀxr>6����ۍZH"i¨�Dn#�n'��J�Â�A�Y�L��U���*qg�Z���> �] "�%�[Л�s�Ƞ� n��j]
��d%��ꀉP� &����䌩��t���9Y��IfCQ�\D�x)/,⌘�t�E� �ԍ�H� Ƌqꐪ� ]�4!�vS�3L
�ͨĪJ�% ^1��ߐ��TQ�"?E�
����!4���52B��
�5�F#�}]��!��V�~ �7
�_����U�ɤJ�$��H��K�)cuq��34�}����z��ɂ����<"C7�T��ɧAV�=��V������-���?��7%�,��E�
��Am���,�r��V��b������(�;ۆ�ӑe)�yRUHf�3%TS���\�=H�f�UR%��v�cqV����I8��<�Ҫ������C�UH$�IZ��J��9 Jr� � �Z��$�I�jbU��Ө
� �e��)���b��ٖA�
����;���`��O@rf-bI�o���-�,ʑ�'�,�TsA�Jœ
"�,�[pq��\�K\��V4u�iJKz��m� m֞��FL%��#���(�j��#�ʗ �i|s�4ą�ET��;S W
)�Jb�\�b��Ԏ�ݬ�I+m ���B��Չ�� ����"]�jz}��,T��OX�Mي�f������BYD��L�z��� ��w퐑d" Z�X(�ՙ��I A$�"rH2�K/�7i>"�)"�Ѐ|FW���!Jb 8�/1a��F?})����=I���M 4 @'|�}�חn��bk�X�V��y߉
��>�� g[��=JQ��:��XQ�B �)��>>�) i�8�Z�0�1&u!�$����`m R���=@�T�@k��m� M�xQ�q��d� �*���n�'G�\��&E� I ��P|=X�>�D�º)cR%0��ȧ��
> T�>Y ���j z���ѡ��Z7��~* e�t�g�G����l�ۅ�N��ڈ���.n�y��?
kBq;'`�C)��T@
_���� ��#2�g��՛pƃ�
l�l�j���� �ۊ eac ��
�$�Mv�� cI)յ��S�gRhR����&7k�$ӊ�0�F�ϋ���]?����f��t)u� �� QB>yP�6U�O��T��¿���;d�"� �����6/�.�n�>Y12�ÉDZ�<L� ��.~l0���PdLZ��nZ�$�w k�=�
�_͓(��$l�u�.
�0��$dU�M7��_�� . \��"���� �~�t^��[jT ��H��0 QKq���b�|*����� � LH#������N6�� ���~���TR�c�VDQOQ����I;�&s�VI�e&y$��|(E({�� .�!�ƻ� s,��EB���������) ܬ��X�
�T�)���K}+bBiff�}Z���;��@ �m��H��\ �����h,��f�H�W#Ӗ% Xvo�J��6�R��� RO\�)� �
A'�|4� 90QHȣ ��Or��sf�D^(��:�~=���B�$z��� GsAF�����p�ջr��G�,���������(MJ'����E?�����bV�@��� �2�E�$mJ�KtnG,3 h�� ������f��0Rx����@A+ a�2��[bR1�ڬnं��dm�a@�.4�T%@{a*\@�lic6(P��u���$�9m5��oI 1�+�YFH��r �b��b��Յ_�X[�)%k�*B��V5<���t_��\����%)y-*���"�1����~-龊��y3�I�Pu#��U�l�d2+Aj(Xnۊ �6� ]�rD�/�#w�S}�;�g}�z�d�1? �`�֕[ h�5��25��2��V�B����Xy��3@��^lV���93��n泋{)z�u� #��G�N'f`&66SܳG
�c��$r�O��ʏ�A��@7uk9�5�F��K;��Z۶$Q@�Bg�
zʶ�敮�}�O�"/�"�9�id�*�8�`64e5�k8� o<W��J֕'� g
,��UC, ��U�q��@8)߲Ȭ����b V0�Fù�Z� �/\-h
��=��J��� �1�N�ݥR�'@�ݕ��C���)mbCt5�P��
��L$�LxYD�P X���@P| �r@���ԙbg����}N
t; 1�F�q�O|}K�
����~�> oL2)�j� ��U�$�l���8"kt|�ih��JǀG��]�RA��l&A_����E Y�8��Mp�/ ��O�h�"��nF�z
��}� �A$
! "�ln�er�*����R��q�q,q5B�N"����� i1H*�E-W<� >!h?�NJ���|E��}n8Qw�u^.k�S��e���G�����;�c��jx�7� ��G���y���$�`�GN\�q d���;-85��eMԶ� �b2Z�R`�ґ E�159#��Я|��f�TR��8l���L�5 6SF>� ��)n�L��B?}�>�5 �Z7FAt� `�ڿ4��̌E;R���Xm�'�V�ul�3g� 8Ѓ)<K�r> �&$X���^�G����>���-�q��#5.��~_�d���N�s<��p���y�w�,A�+��'�I�O�XmST����L�3�=J�<aC+ gb$�2��⅘��Y^��
w'�C��j�FWܮ�@5 �.
E���X���iL(�u��H\
1V����A{�튶������!�*�����V��0�-I��H�2ءM��P����H�S�bV��5� ���@+��d
1� � ��_��纕���2� ��u�@�:� � �? �]� ,�A�2[,���]���|2��ɲ>h�)%+���C/5�����K �'��%.��x.^a,� ���Z�
�*�a ^�"�]@ E����%�}݁�O�@���a|� ��1 !� ���� ��E��j
B�$�� R��K;[h���;1a�Z"�;��$r��$�y r@ӫ� 5[�k��b�% *�5!��O�F��P�ӭ�x=f��4��Ԅ �t�Y3L��� �D���!��tF2�Gm�395���Ĝ"C� �E[��q�$�q��Ѓ�}��z�aaM����ik�D ���HȑL��JfE���I(�H�iZv�
�u;;s(w�[�� S�6D/.dtHb�+-N��G| Y-�ϭ �g`���R�O��ɉF�cru� ���Fh# X��'��|@](��S\+�Yys�䓰�L�C2��D�Hm�h�ؗdڧ�p �-�`)p�y �))�n ��&M��w-)���<��Wm�t�{� �MΈ�'�
( Fb~}rW�Ź,n-!2zF��j�_q1#ue�R�%b���� m�%�.�8�P� �l
�=w�2BLHR��D� ��Eӏ�����zp!YB�
Wn�� ˴��xʻ�v'����>i"�ƹ��eiX�S�Z��Zd�04��Vdyس'؈T��Ӑ�FN3-r��Es�Dp�jQb�ڽO!�x �J-F2U��o�fY%Y(�|� �c�_+�[hM~2�,���P{%(�E"�2;�X�� )�e��R
j<)�S
.��+� ʲ ��rO.C$
�;#���A��X�B��B@^= 2VCi���+�H呀X�>\�Y��;59d��E#� m�iH~��.��p�v4�@� ��
Mt+�,W7$$���Ye@їm�P�/�� � �)��ێ�� ��n e�x-R�cL�(�J��\�P�:��*� � [�;cKk��;�!B��M�,�܅+���@ja��5��K�{ॵ�Z�ڛH+��K^��4��,�� �4;��$���#E�y����ٻ��!AN"�Q��и��/���Z��=�ިm���>
)�m�7���@Lt�fm6��Q}y܍�'z��L� c2^�H�,��q�
�QE bIc�i����Dqoie��o(@�e-Rď�rv�1�1#5hH$nø���lVM:-Mњ��$a�~% ����݆y!��<�Q�8����Rpp�k�f�Vw�H槯C�T�f��w��;� �P
ϰ�z+�N(%�օi�}"E��E�I��i����J�O��}c H$)���n~��%��Bқ� 'd� D�����d��SZ�����f�yh�P[�u$���A��jH`��pr�ʹ�)ܑ��H��xTȥ���QӶ���i~h��}�@�w���ҥ�g�G��T�ʴ�věAGC$���
��Y
y��i��A��Fk��qAZ2� ����<��8�?PF��ܽ+�ҹ_3�^���;Vq**X�X `2@mGD=�,�İ.İ���2Dw(7�^��,�����m�L�6�h�_]��U�]�-˦¦�L�^h����YR�}J�U ,�N�1Rx�b�M�����TG��#��6%j>��H���Uo�M�O��>�df95�'�A��/ϒ�^��l��0�ד,���Z )��@�DC��5>(i� � �"�� Cm��� � �Q\���2��BA��R�Qj~&'s��Ϣ&�n�B��hI � ~�1:��(�Y.���X������x����"B�q����I�I �!~=�� +��^��$���S ? �&�Tt�A��,Z�dtWP���7)(���P�qs�lE�ɉSY��� �����j�V��
�e?d� ��f$"l�}I�ܯ��o]�>��ITڵ���i7����}]-��YЁD�+pW+Ө�r���l�H2�$������B
��~u�����! �������������#�1��-��_�lR�� ;�`B ��& � P�"�oZ�)��i� ���=rT�֒Y��J��� h�LiAZe�Ƒm#�mM� )�-�%��M�`�!M��
�0�"�{h�f��"��Sj�f�����3���#�r��x��TW�hD�Gt��KiS��R8�8U@�f�z��� !ԢQ�d�Z��K+u �ӉH
�oҝ|NF����v�4c�1��L0 >�����u�$-xM[fX�
��bwr�l6�X A�I���CQ֛u��͆ؐ�1!���l��dQWwЫ� ���LbIAֳ� ��jT��_ �4�ѧ`�!ee���<F
vnH�QyeaR;jaBŗ��Sˍ**:��`!���$/��Ո� �荐�\0$� Q�p��$�%e�(
/_�d$
V��b\=U)^K���2;�B�RUZU��J��mew �$<���ZW¸�1����W�m9��)-&��PW(Y�ڛ�N���
t�~쵀;�Y��S�-kS����J��ϔ�w��;��k��, �M��Y�F��1�lܗF�Z�FƂ��0�GBKw,�Z�A�
N�K 3"���jQP>���ȅy"� Q�[-3���5�M1
��� e&�� w��j�M���(� '����5�ۃ�8a*�D kZ4�yMZ���H @tv�!���\\B���0�T�Ӓ� ^$~*¤Գ�a�}� @�c=���PEr�p�I � ���k���r� CQ�b��A�W��&���Ȃz$��� �[�g��R!�oѸ��v�'/�:��}0�6�&��X$�5��T;8 j8��$&9�&�6�e�nb�dH����fu*ۡ۰<�~�Y ŵ�m�S]��yj��YΉBi��mJ~�.N�&i-�6���"1��@(�uR �H=D_��LMd2�*�_3�u�$<����3�EM9=
�_��,�,He��,6��4�Ӷ�pbQ�8T� �5�ޛ�B A�)5�
��UMف�\ ��Q�cL!yW|��" i\�J�&���0
qV��UJy �A(tf��X�!
��,� j0���p���#b`F@�
Ũ2 �7jn2@-����|T5G��L��_ R\H�����w�O� n�Ӆ�V`�Kǯ i��mD��R�#0@�i�1�j��Q@�Zt9�KQ�cȊ7��L����t��V
*oN���R�<��Ā�)��ZT�
%v݇ ~8-w� �,@QӦ)d� �v^� "��p!�ּ�����ӿJW�%h�X% ��d�N � n |� P[������%@i�B*���
�lYrW�U%�9JOu��"�n�ZW%�� ��`����E��Qyn��k���ML��V`��i҇"N�d\��I��\ʟf��4�]����)���ۋr���� ��}�����=$4".V�(pI �O�3�
��,I���<���AȒqbEO��~��� vB1��:r���*FZ #<��ZTPG�F�4� �D�#�9E5�����2Y ̳�RՍw �v��wk�&��T�v~��"ERH��3T�N5'��ؘ�8�q�v�,������#
�
�Ui���rO�.� ġ��p�� ?
(
i퀒)^5��A˨�o ��JGpJ�� ��jOr���׳O�A%ܲ,����v �~��a ��F�ip0+$P��Z�@0 ��|�N�2��Jc/�Ь��5���$� � ��-�6�?k2�V�>��#A��x眛��kyA�TW�+ۧ\q�}�8� �B���\��<Q<��F��%�)QC�[2! N�<���|�u/m�� X�K �(>��h���<X�O�J�ln��'2Y� E�sV�G#ˉ��Lȃ\��9M$��!��a\����F1�֔^ �m(���$�q���
�A�)��J2F
p��C��%lU"QJ`*
�2,�hrlT� UH�NI�F!O m4ҷ��Mr��4���WTt@ 2!P��� P�J �%���u�N�ϻŪ���Eb F�P�ZN�� �� ���%�)�� ܉��'nA��R��VB��prR!�L?����U� EbE�pS�K�1�*28z��"��d93
bR���%V��f;���v��� ʠ
dDwJ��h: �Ӷ$'���E?C��)h������KQ�����B�g�B�9�����~Ѡ]�7�$P���V3SW���w��CFS����H� ��@Rj�QN�.֩l�Q�e*�qJ�}�A����X�>(g��� @��%�i#�x�ڇ�cA� ��Ƥ�M���N\^R���C�� M2�C�U'��d�d2�%"&��>">c�G��[p�y(�ƁI ��� ��n� R��TB����H����4o߮�U�r��"�7 ��@ 4�G~mg���`��H��h:{�V��NJ��ބ �;��@0
��M�rD��WY�q�*�쏅OΔ����P���z֨��:����Z S2^\)]�z� BiPM RP�ۏ@A�@��*cm�������Tl�$䩍�A��������O�P��B6H��k������-8Ȥ( ~ɩ�ȟ ��<�q �2�lQ���whj��Z�j� 7��e�� 8�s@A�ąU�# d��)���F{��6Ig��7�SD}���8��ߨ� ̹�{���m�_�Z��
Ϥu�C ,�X�W'�4[��-��+j�C��`�CoE]�� +�����.-2M*s�T�^IB�� �r`F�J+��%o*�E�Tb�Z�Fء
+� Ĕ1�^��p��S3��R-q=:d�A+-�z�b�$X�S C+Y$� ��Zd�cj ��cjr\6[Qvr:�Щ���&D�I��v�a��x��bFF�Z�ć��_���N¿s��A��@78������g�K�<#��
�Du焍��ᾜ�F'��#��;�8�N�1WW}��TA^��%���ƒ��~ Pخ)q��pbOM�킐�#.��;l0
�IX�Tnz�U�, 5�����T���)�LIB�E Q� 5�,� �� B�S$gc���,� G�r܅�h��w���r#�"m�I���S�"��3�I��
p�9�b#f��.�"��� J%`YTZ m�S>k⑮� O� �vTK�F`�n��� �c�m� `����' v$.J3P��
T�༁iC�8��Gr����7H1�EkNT�2��vc��V�M�,^��EiN�r�2� �����(k��4$�\bĴ ��U�?Q��eh6\?�\��~�A ( ��k�l�&�<b��sCD��B�G#��H쁺��VjVh�6 �*�:��2��H�S�>��g��w����%<����d�a�(p>=��d�EX;!4�'��g���$��2�'p�� �?kv;�B�c �A� �ё��eb?�OA��Dr
& �(���o迡��:rF��s�D&���' �����* ��?J� �����x�hңm���5�W̬{� [2= ������fLZd�lr��CM�6�-��¥#1������+��-FH5K� ���,Je�)F딙6���Ð����~��k��a�M�� U��ND�T���Wa�;�Y
p��<��F� P[����T�U>8M(C,k�%��+��26υ�v� /\*� ����~��]ꋻ�S߾J�k�*���+Q�t�ؒ�� �
)�` w�: �Wr�Ɩڮ
��-�E0+��b�W��+`���!|l� ���F #�ء�����B��ڥ�T��Sg��� ��*���;x�((�<�/h�P��Gt��D�RF����NND��)����w��D�c´�H��� �I��V�T��e��n�0D%�n�6]�ˠ+�
��t�JeR�VH� � E�v&�(ӴH@4�}��sq�%��Un���kEcΑ� v�~�|�5�n#3�$v���T��E,�.�o�݄ �R6U�N@�u5V�=��&;��s��ݤjL:��{�1�kd�/��߭hv��ȩ^ {/��8�EOR6���b�އ�\��bAZ���(H
��H� O
���r�X<rn�|C�~��F�&�� � X�QŸ�5ph;� 2����⇒�XXэz �三���U �G�Ѥ�ܢ�ƣ��l1���H m�]Mk-6��"����'�rx�G>Lr@ �"�I���R�oHDh�AB�ۉ_��V])l5��E��m��<6s sj�/(��TV�� //�s; � �C'�.�� (�ʬ6 ���P!�A�� �;奬M �4<� �bB�� ��(����] M2���F�T�lB!�T �*A�\��HE�(��m�ʦ�w�W|mU��8H(k�F9 Ki2�
PT ���R-� ]�4�C�p�$ P[���*cĪ�9Z �M}�T��%��A�bd� ���'|�]�7=NHn�*x��A���
��J,���N���NN&���� �,�U� U��~5ȥ�Mk�C����JaWT�V��U��=�0(DY7ǿ���-�� `�vރ��aT.�+!S��`6�� �FP����W m�m��$��rWl:� |���JW�"�N�Y$U`�m�E*�B�P>�;�
���}���f�Z/�h,vB8��hT�����֯%ʘ�1-~+�z�2 &�wC]*)<I=�>9p� N�Œ"�3+S��NBDW�`�ӡbġ���jkN�(�0SV4Ff����+��J�i�փ.�D�Q�(7=Ol�R�υHUM*+���V�SU�1nU_� �PH;+�ŗ�]�G��sb�cet�(�T��r%�[�3rM���O|��a-Z���@R@a�D��&�AAVS�u䦴 @RvMU�e%�mJ�$|��MSI�Vio��I�#�-T?�A��n<��������� ]6(b!� ���N�x1͙�q$ȴ�A٪MTj{�ٗ��N/@��&�&; "�1�en-��;�<)Y%Ȧ�� A\܊|''�2@#��� Zso2�딐��}�*)�� !h��W�i�m���%�\*w�B����V�Ȉ��%�Z�& $)�v=r\,L�k�QJ�¶�����p��FCxH9bKn. p ����Y�Éy�#bpp����
���̍S��@�����=>���;�9\�fsV'ZPە��$R�oC�6�uNح.�k�۶���v*�#�%[�n��Z��1��t5=*���28�t9:Z[q�M>T�h� ��GZF�6��;��H��)"�̠�S��Z[c$��� ���mV19� �c-���raP´�@
�b�+���|rD$)K)�@ �(EX�B��^r��Ԃ=�=7+<,�X8�@~1�2q����'�|{� ���]6; �*&�P�HO"�dP�5�z )r���W�&(��+J��]� ;�A��'��MQV�K# ܜ��r� �j�6��;���)L1,-�hT� ���]�KRV��#%V[�����v�5��B���.J�#�b �[� |������F��0 �r<t�`� �k�9e�*+t}CJT���L���$��Ѓ�'�r��
r4Pr���@�đ�O��{���<��������nk�� ��gA��A
�$���P�R��4���ȗ A�i���'#Ң��ŸprlU�Cu˸Z��}Aj� �k>�u8i K U]��m��� q�n.�C�&+B��W'A���̕�
8�7Ԝ +n�Džx���li6���o|��$4l��r�6ah�[��*��S{�B�!q/��ӑ�H.�jF � \ŕ�ŪJ��pȘ(�?���-]�w�r>/�U��I�E0R�n�B� �mW��So����qJ�~'n��+�
w=�xa&����H(�F`�G�;}T�^��'�
��c�;�~O|�%o
�;�ir�T�ō�GJ`耂k���L�]�& ��i ��r$o]�1M��>0z�5z�w -袐�"� s���'<� �I�i�H
P\�ZR�j� l��it���ࡻ��0�� +��r#���-��Bd6講-~0>���� ����;cG�6CO(f����y�D/#E��t�H��8�cj����M�|U�=y��0"���xe9V@����U��Z���
��jwZ�2
T䗓~�P��0���J ��Ċd
���9P�����,e���H\��
[E�Ĝ)_�At5/���(��HY�m�MO������Ugo�/��w�L�WLb�h`Y*CV�x��1�,�W����J� ����� ��� ��P���6�R�B��H
k��[�J�8��bW��Km�ҁ�c��Qi\��E�Y� � \˵qIQA��0^h#ɑiP��.u p�)�� ��aM����M���ZC��rlWG�{�*M� C�#�ˉ.��9�-�j�Q$� ���'���=����):�T�N�$
_|J�Qkp�V2c��
�L,���(i�2!$��l(�o�S�c5: ���Puƕz��'���n�$|%����FߕG��2F̤H�AӮ�X(T�V���~x�Kj3AY�
�J2�+.' �
H �>xm�(�(�YKd��i}�X*�
ֽ���m � � @��� ���,yCAM����q�<����k� L��ՙ 8�e �H���N�1Z��CZzb�{���RQ6s�[�������7�>Y\����G]ƨ�crMT�o�Ff�
b���To�`����d���$��-GL� $l��(���>!W4�@��H�6 av��+�Q�2� ���2�R{֙LN�VAI'�c5n��#
���g�����b��|qnb�ޣ�!`����M�'|�!�FV��Uj
����m�Ux��P���: �GZ� Lbwc.Kn�Y])�"�/����E���
��Y��FQk-DN�>���4�H'�\�n5�?�m4��:�P�E��Ju����2%�qQʘ��Sl!%D�a�0� ��TTP��Yl
s !铉c �29:k%�Xc�1�^%�rԡ�"�K�
��E���8��14���BbUBIhv� �V��E��]��O
�o��x�O����p�6�h~M!�\6�R*)^� QM���x/
s�UQ�e{h� x�7��pV������*ai�I4��\T�W�� �W�E n�P!"�F�%�V��a������,�;q k��6@u�a'a@(Hۧ�d!�Q�% E��[N%P
"�qL�q�������E@Z���q\��$"�tK�ܕ� q�_,���4Z���@c��k�~xq���B �
�)����:��4�+1.�����B�q�ź �<�$��2����=~Y>a5�S�� |]���
՜ 3���J�Wʓ� ,����%�W��C\�_�T/�bST���o�-6Pp ��y���Zxw?<7�M,�@��N�F(C6�|�>h(g��F��rB4�_�eeR�V?�:�Ă��Fw뇊�1����ǰ9�>{2C\�ᨤ���l�"��@�Q� *L$&��ֵ=���!�B%"ՎU �� n�%� �þ]���G�ɑ���C �|��l�b!5[r���L�1!"qr�|M]�x Kb�t�
��5�U]e_�I���t4$��~�c ���j ��Y�TZ�F�5��$���3�+qN4��<g�a��~�[�Q Id�DkR6�.�PU �f���$�$�&�[n�i�oa<���FS �
�i3S�M��Skt�7�d�F4�j�+�N
y���L�4R�q�]�Y ����c*A�e�Px`*��2
��2����q�R&Fe�d%&q����GL�g�Ps��e���S���/��霳�R��k�&�A�Ҁd�]��]�NI
�g;���vb@� Qa�V�;�iӜ`�J;�<�O4� �M�`)]� z/�e<�+T��8iԖc�������c]�+���G���KWju�Ge ��!R��`Wz�� � �r�TBրe�-P�GiO�qz��:��e��iR��y> ��0j^�Ǔm����13 ��|��B#ɘ�2у�"�E�$ҹT�:�uz��-7��R�'(��^���p�B @�m��Ou ����`#�~��m���ɑ�e+9PU5� �b��Ա2��v �2R�������H���źը�y�N4��{W�钪���5[tANU ����BVy�!5���V��=���M�-�T W`: |I ����
zջ�|�6�KQ�G�B{bc��FXJ���u� ʕ='��R�(��H�~I�2��F��;nU�:Jj�v=�$S �mW��D"�A�2!��Js#a� ��p���2*�F�����ӯ��%Ȥ(�\��}���bY]���ֽf�;8���3�U �@�ff n�卆lnS�V_� ��7� �*?Xv<FY��ļ�H�\ I�_eb�6�l�Ɍ7evV���M�rs ��%� 6���$ ��'�AsvejW2cqe5HJ�S�� f�{b"��];�-�� 9$#-�s�ȳ�D�
��8�8Pӆ=L0+��v`��� ���1Q�cH�0�_2ƫ� �$��_ �2� ����
3Ҵ�g* Д,Ђ�\�ة\�z P�� ڃj�kg��X�"䞘.�J����QC\��+�;�m��|Q &H�` ��
� ����M%�4 |<�&1%.]ۓ��}2L��4$�����W�e�6a H���}R�1%�� 6�f�����T���"�"�O��� eR�Jb�����$-6lG�&wc�Ke��A���c�:��I"�MU�|�,�J-6�6��g����}���1�������:e��q������|,l�$�PCF�Ƅu�/E#L~�Ї�~Ҝ�J���i��Ƭ>�1��-�k M * K
��_�l�+���ҙ��LB����Ղq(x��S־�#-�HE�ѪX������� � 9NS�ز ��#��~����c¯on����KZ�W)��DҊ�[�%}��w1ic%���bKH���x�.�|2� ;'�_W���p?
N��#3[�;�B0��*9n1� Ҝ�N�Y ;����l�3�ֱV��H�i^G�)��*�'��h*78�n��J�' �X��j 6��M�!��T~8BUE��
�0�P\TS d�A= ��*v�S癑!�)���cҴl��wh�0�v{h��#�����qt�RW�o� �Cf���h�Z
�9
�����^� 3�b�
�)�n�B]��� �1`dǵ;�fN88�&��V�{B� ���ډ����6��#�v��br-� �B5^��d�)JyEv��D��|d��-�+��ٵ5�h��Β�uGz�h��r ��',�Z̟���*�
��|�)��v6���"v�П��)�Gt�AF� �� ���@��Ǔ � ��~�� �@Űn�1���%�P.!����%A M�>9(����V�;���� ��߲v�0��on�&v�=��[�%�V�d��]���~Y! �%|v죋�e| v��Qn�J?Ĥڄ ![3ƔW��� ��l�Q�л�P=�2��.��h�S�߫ �۾sE�@P���.g�UiO`6���
Ā�uپy �ʎ � ܁����g�>iD��!ot���:����H@��O���H���8��iL�$$y3�c��J���(k�HC�,o��In�dIR�S=��"�YMA��А�����W,�v;�lc �r���H�쓰 ���"ʻ��d7!ҹ G56���>�>,���A%wSL�R� �VS Z(٩��C�iZe-M���6���4��4����TӦ د% 8��d+'z䅄E�P�b���ǦBR �$�� zh��#% �(FA�m�E@�!�
��2�M���@�7S�⸕T����$�*<M1���)���@���cv�W���#�N��mo3w�_� �[���F�\��'a�h`=����:- �.�W Rb�Ȼ�̳'D,i� 4�*E��1=v�J,�$�ܒ� ����/���|�a9$�Y�"!ǑR��䭅+Ej�7ș2�I���� 풶*��B�"C W�d�냅<J&rƧ %�sL,�����b �m�Lj�4��çE�p+��e�c{�9�a�F2� �Հ�R����9C7��<���()�
p�X�
���32S��Z|2&ʑHoN!l� Na�e�l��cfմ�h��\n�Hu�T�G&uaF��Wa0i= \VYHӶN��MZtU��A j*p� �ilj�,��g�5���o�*x��
���:��AS^*ǩ��P����T I@P���ʣ %F��gTr��8�j��D�y�&�x���X-!�Q]�K� �j�� �>1 �ڞ�*��.��%HX�T��j���-� 'RVrI���"���~ex�*�` �����e!|2B�+ c�a"�ݨZ�x���%���MN��2vcj��� K ��$�P�h�r`M
;��9�Ȝ� ��^�d�8T�h@��ޞ�m�^;y���X}E�Q�L��>j�����|c��|�B�(s+)�듭�n$G5)��z`�!$�y�)
v9 ��$�կ��6��\!a#������\[��n7�� H˒$n�s�V�n+�p����̲u���Q�����L[�$jw��Bi�B@�#�V��^�j屓V��5n� �b]�oՐ��S�?��UQ�$V�1bCqGBh7��8�����BMe3��2�ɢa��z�ʞ�?s���·L��m��̔�^gs����"�P�# �2�sz �C��{�Ydb�R�#1�r`5��I�(��� Y�Q���HH� ��P"��L�S�*6��tp�1%@VKe r<L�U�� 2 L�B�ASl�ݘ� �df
��#�K�քzU� Ͼr � c�"z]�� Ld���/ �rT�m���V&A#D`b��vj-r\'����
^�L�tchҷ��j ��#=+� �s���rjHر r�]�k�e ��-������1�H�N7}��8c8��tP��J�e�;W&AP� �"�_ �� �T��XV�p� ��A��n��2�;�"��Oa��� ����� �$ˉR[�<��؊R�tȈХ�$ҙ�V%��\���)�D��Qň� �
�e4�UKJ
���$Or����n+A&�QЀ2/
�w~��� �R7 � *b�����_�ې=�5A�
�Q4�S�V��؉A��{C*(d�\ �C��8�&+�b-)4<>��9l�C\�N�W�J��G`�-47 `�W ��{S�WD�e��X �&7<����j@߷|��I��Ĉ�0pD���0��#+�jq�r���
h�-�(/ Lc��"}
+���� '�
H*���r��Ɲ~Y-�O$D�; J�(����VI
�m���V�=���N �?�݆&�T�X4�}3��)Ym8�W����#Ĵ�(�%>�uFN�ރ����|F4�Y��NDF5�Aj�TӮ� 4� �\���6ï�r�6$+��r �2!&�v���w̼Ri�d��qܚ}����V�>�� �к%��N�� +kZF#
��N�P��U" `)
�� 2 ,����5�..�6�mO�n�
"ף/|JA_��#Kj��2��r�D�I,_���Orȇ�4�D '\� _�ׄC',�QJ �{����8 ZEN.��l���_4�Om *c�}��NR�"4�Q���4Rk�{ d
l�i��8��T����#-�o�" ��՜ �� �Ⲧ;!��Id�p�@�=�^(]4l"#�� Sza��R��2��T�C�� �{5�#�R�,1��r�A��9n�@E�ir�� �}�#����.�8
!�/u�=�� ٌy����gTR���(�k�3���p�u$�Ȍ���=8�5�# 6�drڱ��IS��АA�r�=��5j�qH֢�F��v�� %A���D���=j ���b��әL$�� |��cu"��S,ʭ� �ָbhl��������ۗ�C���a���]�O��pJD ��@ b�z�~�
�؍���V�чqN�Lbd�H��&uP� f�7��S#�S�����D� �H7S���1���aZ yL"�� �z���+���dM C �ڀ��C����ݳ۹*{&r �}��̱�f�ʎ��5� e��M�g%���*�~*n13ފ�E��^�y �ƿ�1�hԙ���+Si�1\� ��]�τq(�+;�7�2��x���lwv�JH�*�~h|?�3��rh�W�`�Wn�B��)�&Q[BС�M�ً)�d")z�-:l0q� ��V�nj��q�Fޔ># 2�[M%�p� �%�"��c�l7'z�����eT��UO ?N_���洊��s���l�˸dE����u�Q �QD ro|��\�ԍQ��f�I�)��Lr��z�ٹ��S �dƣ:�vy���$� Va[h���CT�]�\l
�V'�UV����JpRT% ��H1���Ol�7k�)mޫ�im�]��
�����lN�
���t� �L��Ѕݼ W�:���r��ބ�9 L�� &�^�� <�qߓ_OBi���r�*�w ��p�w4��*�II�]�p��7)��f� ��Ѐ���1���&�0vT��D�����D�dOD<�/� )QL��j��-c-`�,ܥ�U���G�!)T�*��J^�U#�.c��Q��/$G�X� m���,A��'�
H��%լ�*��r]�A��� vA���w�� ��СS�3#��{�b�ySh�c��1���V��[E��&]���R<�&�K硛�p
� ULȏ+��B��,��b k'v-���X��*
���T$ � �K�ȼ8|'���dW{�! ����� 5;�!�m��J�y��ϲ�*��3* �S���* ��@�yD�v۴t�r�>� U��kBv��#�E$w$�Vk�Ï� � <͖Ѱ�7;�76����S x�4&A�n"ЗZ����I �hZ�#.��A'�Q������C7-�'���x�1��wOl@dU��������-�nZ� ���5 �cc� ���`U�b�"�(q��qϹH���՚FPA#�m�_)�EJ�)ќ�
Wr<~Y<r�+����@V4$� ���c�1$"~� �i� �vnDN�*� �)�R�dV �d�%K^�<�<�jsPP##ס��f%D[����GU9g�;���v����o�9�E��0�����9f� �!
+��� *�� �ʅYh{eYEWPxى q� �1��"�R $lw�������x)"�����;v���g
�(��`{A� _
�zm��v�I��� LD=���-<����X�H�_fv�%p�3džD5L���*p�j����-S
�-�Vo�!"�(��@�\�I��0 �,�YC0 ����j�8��^��~
ejr N�C�rHu1CT�]�]�_�ф\7%qB叀�O���⭔!��{e�-�v��<�;q�N�Uh��L ����Ā�ogI��� �Y>~a�=P/���\�s��1(�� �!|�J�E,�P˵;����
D�!-遽v�m��{�yRR��2~r�
��ڽ�����I �Oq�Db�m<dr_��#s+���Sl�F8���Dn���71,)���bv9��GrZ��sYM��^Ew#�%�.
E��3"�R5WO�O]���א]�,
SpBx�F@�d�I�Z:���1��D�!eZ� ��91� � ��1�Wv�S'�\'��eXք4N�Sj��� *��
}& � dE�21�#H)�h:w'u"�C�F\E��P��#�dR"~ ��'3b�)ӲH��T1 ]�
����� �p�3��K/i ���V;
�xf?g�l乹��W`�G!��2İ�wZ�E�� ⪚P���s�l�Q��mgy;|����Ȑ�b��Ml��&%T}�
�&8�M �w|��j���Fޠ?܁_ ��t��9/J<ެN�G� � �;�"c�X��S�핛��y���11
��$�7ͺ�C��K��3P��GÙ�%��3 ɗ4���6�\Dz �,��a����Mi���"�z�q���}�?H˰H��h�7> ul`S���L�-�t�m�(�"�^�ɢ�vw�Dlu �D�����5�
m�`T���0�6Q�.��
R������̼{�I{*z��*N�%[1���s�{���w`B"2�0pz����&^l������7�s��^0�Z�VGS3�'��
�.�W+5
m\^? �!5'�� &V��\������R�(h�U��
Su1KT��҅�E� �c�g eA�Q�[��E��)<�\�ϼ�� JY<RsYfZ�Ǫ)@�� ���c��+W[�WY�(7a_l ^� ����F�I�*�P�Ԝ�!� $Z�v��U˾��ݩ�Ċ
��[�v ��u=FL��DX�%�J�a�S�U �㍔���/$��}�jT�G|ņC�6�#�>�� l��S�#��̉G��P�!^�g�_W����~����S8�I�O���Xm�c�� �� �H�3�m�F� uR73dG
� �9��n-�4�� �\�˘K�|`Be/���9��[�\Ǎ6 IM.��ۚ�v��Վ�2�3j�+8�#�G ��!Ÿ�e!E%��Do�LƜz ����� �����G �Ob2�ԆŅ��4X���,�,�P���3�d�E����ܴm�I��� L�m;���z]*4����j�G��t�2��
i֙�TY#P�� ٰ�%��4s�'B�:� �'p�m�Op�H�7��pGo�/�@���wW�V��P�$!�D�*;l2�(WT���{x�o�aR+E�r>ّ�H���U�:e���L��21��0�䐕H7B���-�zR1s�q?�6���%�"P�M[��F�Uh�^�ᜨsGT�+�� � ��(Ym�Ku�!�1!������������Aw�u%��t���v\cm�Z9Zv��?��ݐV��B��4� W���7�eUcf���C�A %P�<�ʂ���C�W�YZ�)����9T; �ɡaRd� ��Ƀ� � ���P0�Mڊ�(c� �h��%F�H)N�/��v��D� ��S~� �% �D*�Y�L$�bh;��n4���-�i���C�
��켛�{F���FnuD,�G\6�m=��u1V�W P��UثTS-b��*�b��(j����Z�*� �Ӆ��p LX��i�wz(��1dN +���0�ܒ�xio�H#��k��=�(�[H�VGu��� �n�HH�Zy[��s��
e�vC((�JҪ��Y�R =��
���;@\���d�uݫ�e�AF��^�� r��Cp]�i���BF2��f��s�7G�>�&� <C�*V�1%�xS���+�&;2������e�@t�S*�1-����Xea^��^���K'�D��4[�iL,�!k϶c D m/��� ��$�����_"�)�T�M��$D��קL�<6T����I. �PCZ�{d�0sbc�
q4E�t%e��i܌� �jr��rr,Z54�
�� �K�s�7َ�h���NJ��im�Mu*2�f;��Z�,�a��]COh�W��.���b�FG[n��BX-$���C���J�(
��.il}HZ�
�L�U�0���I4� �)tpj��zT}9�����AN4�`ٺHz ��M�f�V� 1����mJ�# ��v���k����Ԁ6��d�?S���_�Y��t�Q! P�#+�T��� �2(dY�I)@�5j�C��pK.l'-4f�F��̨e 4Z�kb�^%��}6�(ߐ�*�V�=�J���jҙ�2Y�� �]���$�;So��dq U ��P� ��Z�������O0 �;���A��U?�3��2�AA��K5 v'�����̌S�R��S�j���q1��NN��ĩ��"`��Uze��]�'�T�7�梇'H.����;���̼Pa2���@=VZc���ȻI�8l)�!�u@L�)'�lR[�?��sm�n,����pV�*�}o�s����u�Xd�h�I�3ps:��}��}���[c<Is�ʻ��x��������x����:��ILJ���+i� �j��T®�����.�1Ah�*�S���t UT�n�6B�ԋCe� k��8)�ڞ�1 Av�Z �]�n���vf�Dt�߲kM�#݆��%�Z�ա@����ǔ�bM���a-�$�W���_s��$�O[%�F�}& QN'�����Z���K c�ԥ)����Ċu�G�� و�\8�ٌ�̠0���^�z����\ �J����� ��&�l��;+���4� P�A-�2��� iJ � ��$24�'
��W� 9@��dAP�V�^F`e� 66�� {�]�⢨�'/��7O��1G ��� �S��0.�2r9rFZ!�x�C����fl�ˢG�[�z�����;�{x�~�r�'`tF鐲�+V��v?��f�ɺ�A^p���@�P�P���ck�U�CA�Fc^�$r^:(��l�jr-ڭ��fs�1ڟH�l#�{���U,m��F�AR:�� ��6�PA�K<��ѻ"jPn���Q �j��)Xͻf�) �mJ~�[f�05�B;��8�B �H:rr�� �֑�5��[�XJ�`Ƶ#۶Q�� ͔{�7��
�Ybv�]�n�|�;;�T� �, Ȁ-UUy)��� G�I��H�/S��-�:� �r:�*τ���2dm� �W�R8��~9F0L��+��& !(� ��ٞqx�����M/Q����Zl�{ �f�`i�2�]�"h�9 6e4 �P�I gU�c���w�~du?Flp�2��(�G�nd�7F$�� ���\iˊ��fl( ����f� �t"Ki&�Wr^�f 3.�Ku�4hW��� �T�d�}PQV���$bG�7 ˑ��G\�@d[��;��Z��À�:�de��h� �(�0�]&���ڻ ��I2E�
{fV 5L2/&��KR~əT�� ?�l�i �ԇ�4j>y����A�V�~6��o<L(F^"\~ �=2v�F�{�,h2q,$���
�&�3.�6��>�(k�إ�b�S�\��pZiPۚ`�eKDUژ�)w՛�xQv��}���M��%��2�[h?�Ջ�X�� ޙ���1�*��鐌�4��k+eq2�n e_�� Nl �7�-JcH�2K�Ԏ����J["��ޟ�����I!؝�3 ��d�v�+d7
P(?k�'9R��oJMV�@2�s �@E�Z�SCM�\�wf��] P�pP��H�@�-F$G���N�f2�9@� �ze����ol�;����sȖ� G���6��$-�좇�"D�
�>c&}4Xk��p�
=T�8��$�&Q��\,��,����>=�.$J4Zn�>
O���N���ya�-�%���h�x�H�ua�������� DY A)A�|`A<��A8���F��
��⪚��lWRzA˂A"D �Pq���-� Y��Z� X� �28�L��Z�z M# �:Ѿ�9�8ǐm=Q6��5�Lх�SAQC���e�B�xM�]$��# "����8� 8EZ�H�єxB�m_��
��C�rY�F*W�prz���hĝ��w.�B�8�%~ �3d17R.[�0��*:
�B�I+,tҗ Z�NrE� �\�8@Dc��u(���y�#p{exeRL� H�$��a+#�M�`e,��%4���� ��0vQZ���5�^�q����᷉'V_N���cN �L�kZ��j��i�ÂU$Hl��Ekp�B�:!"��3s!�\vO..�F�>'�+�a�wl) ��L�h���
~�̆:��J���j$������"A5H!Ȝ�c��N���\��q
� K�u���}>��9�B�� �d"���8�L�T�"j�90HcJ3��"��n3�E=2w :7Z{fte��]�R�8Ƞ��s��2x�$�G�)75�)F_������R �6��y/F��|�B�%:Kn��'/�i�F�Y��� Ɍ\iIJ;���$b�IU�Ȉ23Q�NC$P�o�[SDb��ح;����K�&c@+���|M�( e2�lqV��
�D�g�Hw��tɉ1!r; ��0�07
�l��);2��[�"� �Y+H���Np6z����V�� �[*�6�� ��;d����%rV@�fi�b(�p�!��I H��p lr�K3]��f��=8��CuÓ �9�bԐ��#F*Ɓ�x�ģTXQC�$ �}b��]�i��� EdJcc*��{�OZᑱ�G4TF7�*�]�4 �&�E&������V����
�+"��N
bp�T��V��I(�a�?<��� �1��e������@${Z&�th�_����H�[pr���2# }���Ds-3��}0,8RͽPr3�gfb!/ aw r��
�=~c.� #�Y;�����7j(j|2 2 �y��C!��V�4;�|1�X�p��(��xY�h��@9�)\w����1 � K��{�x�� � 5G��%�%�)�t�c� ��[ �Y���B}���;S�%��F�Z�#�}M�Y�
�9
�P%i�b���2�B)� �M�tY��t���M ok�ҕ߶�~l��l3͓#K�i ��G3ھ٬ H�+qϛt�����ԊENΖ��B�� �L���J!���s*7 @�EFfK y�0�K���x$�b��z
>�|�q���kd� �[rG|�̗!eΣa �9dU�% R"�RV��$Q��/�N�~0���HSQ Ĵm �M�̑#�́��!.x��Z+�|�*#o&�4R��f~�f�+��[&�R�U���E;e�6-��C�;n( '1%-������ȲV�n?Vdc"錉�o,b�+�J
� ��2HSI���Z�r|#�Y b)ڛd#�PWi c�_��� 30H�-YGr��mO�-���� í{�F:k)ޖ�. ��sg�;�7'���$�-���L���3�øtYv*2J� �����v9� ED)풶4��l����o��@;��<K����S��a0*����v\ �2=��Ts���*�iC ,*22� 8�!��B� ���99p
����FDd�gCM�Bݲc)`p� *(�LNRP1Q���)��� �_i��M2�di�;�� ��@��ƋӒC�x v�R�Dhl���4��&�p+ֿ,�o�� ������`�Q�jQ��XpFB��y��Y��qB"��e8�m ��Z��tHy�r٩ҹ G~l��� gj"��/6=\��|���"e���2� P�h2���}2h��$upz��
Q� �h�����Q���)1Ӵ�Hk�Y�> *f6\�[c
Ys �9$T �9(H���P��n
'0�+��B�5�i͒�RA#��<�w"!�*
2�f�)�C� 6�T�dv�� ;�Ɉ���un� G �2P� �J)u�o�et�\S��}'2a.�EN��IL-ʻ0=�P�/u0u� ����|T��C�ɈY ֑��ԑ�����EZaw$�@}6�J(I�>0ߛ2�"��/T'f�jc�vS ��a1�5 ����'bυ���R r#��8o��e�����sO��*�Ӧ`M�/�w�4� +�0YAco=����Vd-���J ���h�R��A"��,�w���r��w�L�Ku�jP��珦M���y�v
3��-ng���tC�֟휫96S )�:��22z�"�QQǏ�3Zx�t�$�ԯ�PR�?®6 �qu�6����Ql�u_����l��G�0kt��� �����q##�i�^?� z\%�.Cl��sٮK�2K2,�sF;P�4�U��x��[Wfm�8��51U�fX�� ~Bcu eɷ�We uڥ��e�a%�'��j+���Lǹ�(�xG ơ�ݔNI
� ;�J�J�4i��� ���O6�l���>��h>Y�C@��fDZ�qn��bg���fy�;5��� |�ΟJ}/?�$�-=�J�A�M���eY�r��
S�T�d߉�q�ǀ�ō7�kH�4���T� � d��v��qS��39X���#쌤e-�j (�҃L�G� t鐶� 8D� C�E
��P)�fH���B�H�%Hͅ���ǒ����'hԍ�Σ'��J��c�j�̼sh!Tj+ee�4l�?CJ��Ș ��f
$�"�K Ԥ��������V�IF���"@H�W����φb�1�[F�o`��S����l�yY��!JY��xLƻl��QK^#pw�C! ]u+�)��z 8��&�H�.�e;/j��`����H�
q$NE�I�2��b����,a�_VO��` ��9�@�τ(_i�����w����ov�n���Dn
�
n:���{�FJ�<�L~/�|�D �l�tJȤ�MPw;t��d2J�����`Ǡ�Xdkv��kx�B��d'��d��e<h9F
j
~�8�a P��!��7e퓪+h�![�ʇu�c��I�̫d��w��1bI��eBD
�Y �Os �����Nc� �})e��ĉ�e�&��d�%�D&V�rJ�Eb��A�l�f��}嗭s ���1;=� y8cE��r���WӚOQ�ԩ?<�)�R�G��6�*H�X
6m���r���]!�g3]̳� ����q�l�P*"��1�u�{4���S�(I��Q7����g�u��.g�ۑ}��c� �bbJa�=�+2 ~�Nܽ�3 Z�#d2��[ f�E�ũ�I'2��ЯShKc�V8�2�Q]��˲o ,�fEi���<��ʂ��S5���sD��*�(j��r�x�I)�|d��P�����j�Q��{A˪�k�C$�dǽ1�aqo �� �c��Y���-j�zWb}�1�
Oe�[3H�}SA!?��%��J ���x�AQ��̒M5�,����� ��~0�I4=H����F 1�-u=M2@ѪGKPF;n=3:��"�F�(7�\�3���Z9�è��e`%�a� ]!�܁@"�� 9���a�k!��==���!ݯ�N�%2t� l� ^� za�c�ɥ(4�'����9��H�
f<�K�R*�F�So% ��7Ɉ�2A�ڎ�`�_CP^���G���� cc�C��ZR�փ5JX�5��+\ǔ)Ʉ��qƹ 8��:���k2Qb0���|H[��)"��<�=j�ERM791$S�� G����FԀ��Y�h�`y���2c!�r-D6Iṹ�p�:G�pè̙�3��G6G���@Fkd �W��� � 4���H�N�I�S��v�9(Yk�!H�;�6� n�`&Gf��crH���8��jH�L���KvK�ݤ�� �QF5���rbm,l�@x��*���%����Nt蹒r�v DwD�ݭ�TXr?hvʡ����2�$�-sʂ��O�ˣ&V�K �J�+�s pъN�K����+ݫ���ͮ�P���F�O|���Mw7�Yy���z�N9�Rc]w�qƪā�\�aH�ٲ�� �R�������I�S{ gnA
G�LO��G�ǀ�]85�D�U#vQ�'<ޛ+����R9�2S�� �F�MQd�m V�9 v�S�R�m �����U���L8� wY/ �m��1#� ��Lُ\�� �E����$�� j��5Z��ʏF؍�WrE|��FW dh2*6���51�N�9�1����)Q��Tʒ�gN2q�(Ѥ�
]��S�Z|��,e>�2�ۂ�` R �� �DQ-
�1��:�^ծ�NU�v �fyc��V� �e� �bvDCL 1,I�>��R��U�: �����9������ �ӏP|r��<�
:k��<zW)6���$f�e (�� o�_�$�
-���̥��*t
:o��ɭ�d������5�y��&�x푄wdJ�A�����i�R$'r�J� �e��l"C
Ҕ�6�[����8��y���ɟyRz@�z��� nn�'w[�2hu%�S6� ������fl��3� ��\0���'��[:S��0�)}�.�`i�il���^$ J��U���� (��'c�@0�CD~:�k 휴�f$Õ��:�b-��f���``mT;� ��EʵȔ�� ��+4�7zֱV�#�p%B�K�� B�;��2�b$���$)e����^|1��g ��*-Q����҂��Kz� nr)TS�D�Td�r�0爑 V�t�r�
�� CQ�Af ��'�35�|YA�p� qw����Gu� � O�,#�]E��pG�t��+�A't��� ����H5�s$HJ=�\�wQB��3n
q���2A� ��}�\��� - i�M'��N�w9��0#�L�T��M�cDqˤ��_����ZJl:fT#�9��i��z0�R����lrl
٥��pjb� +�c���Qh�Z�AS֙\nL�%:�Ȓ�� �S}�s+ lST�.� օ$�b��y�N�^Ltk��6�떗5�3FՠsҸ?-(�� @�Z��\^G��X���N�̬S��5�gvK{x�e�B �( );���x�In&�7�$�g�Ŕ5)_zd @��1TH�&����̈́�U[�Pٽ2�;�Xd憻�ڞ$c�#u۵I�3$�u���� at̠a�ȧ�q#zǷ�_)K�0�i&�X�X� �G �6~I��ٴkcB��O�I4��F��z�KHCMH�� Q�D�JU#���hNe���J O�^�88��7!�C�����+!��V��R���9 T^7�ʃ��`A K|w��CM�t�ƜY� ��#o�-��U���Zx�''U���j�4ڦ�;�lH�I��xJ�H>5 9n�a�4̼�)�ʞ��7�9Q�S�d;�t!ЕX �댷LS� �` ��rq��xM)��Ɋ� ��%V�R��q90�P�ʹlbZ�P�8)�[�M� �v̈ ad��9"1L#~+A���Ckq��"J��� C0Uc�9��?O��+=s�ޱ�iJu�LR�8�:���Jb�k�C�C
��V1�"YeYJ��"U�e
M�c|xV����_|�
sA Q�[w%�7Q�fO�a�� Sj�Vbm���a��6�b���d��O \�6� �t��Ec�W9pnh�ӑU�;���1�RS����п��r5;m����<4�D�@)�bH���E;���r�R ��A ��Γz�R�`[�("�"7���r�i��l���i��_��V4+�����H���s:� '����8E��P�ފ�GR ��X1H�(�_��4�I
HT
�>��@ 6T���eT��T ��u둎H�s�I����o+zIr�4=j;W!���2!{q}#A I,�D�T�*:S/nj@Y4�l��9-���Q(컜�̉Of�6K-��i �z�85�_lȞy�\,xP1�/���Ԃ8Ђ�qB�G��o%�ju�r��#�xm �ٴP�1IJr?R�+���f�D�ȟ.�\���pT5����YD�,#I����l6´���27M�r� �$SDI߷@s62bT��X�ҿ�N�X|Ts�k���#-M��� �a�*��Bi s�� d��YO3J
����V]�O�'�ċUY(�%��.0;��Z�������]�D5�Z�IҦ��~Y,@��e�Z�%��ȩ���,� �e�e*Bs�� �܁!3��$p eR�dq��YX��y-Ɇ:MR3A�� 7Č k��*����$d�XM!��� ̈p�w[c��*s[�; c*D�j)i 4��#&"%X[J;dx�.�jk��Ƒe�� &\+�jbE��^P�V� ��+'<��V�v*�l4�r�U��I �D�QD�
��S� ��)^)���P�)�* ��i��A�'� �>% [���
����x�o��ِlC ��VAZ��`*�=^�5鐞N.L��K^Ć���T1��ڊ� X�;�,d((���l�ʄ�\1�R�y]j�%��B!�YhFǮV
%)�O #2��f\r�`b�ɖ9����,";5ww ��b�҇@�H&�Vw+� \�*t9~H�l�DN���IE���5>�0'���q$:��g��i�s; �d�Kr��a�۸��=w^� +���y':F���� �"��\m�x�&|B��&�I�����)��+\� rKu;1�/,��� ��\�S66 �٩k�KqnbjU:;2��6�$u��#�l܁�' �r���6`��/�m���(�q�?�,�8�jc"Bucv. Y �v?<��I�"�Jt�P�R��NƝ����܁]��̃�n�� ��NF� ��#J�v�or T�GUR�He�$x $ZPs}�_~d��N�<6�OL�E��N��%�P½���-��^� MO �� ����49��dQȒƀ�Mr�/� U���&y��)�J�,�e�<�dZ��ޙ��ng��־��F�L�1��t3��P3 E�BPd `T��q�cJ��*�˩R2QAJ��Wz�/� P^��Lj �-��L IV�dx����IxB�D��P�@�0Ą�Ռ�e�D��B������ ��(�y��4N*��
�S�m��Z�z�,�T�*!ȕV"���ȥw\
���Y
w��c����;(�5Q��pd�d�F�R����'j�q�H/����z�Վgc �a+U�6�AZ�d{�/�v����K�w^��݀� 79�q�l�Gg�~���Ħ%h1�m��:��ጱ��.�d1�l��)�Ӓ��)��wF��x�s�i�%��J��uM���� �$X)�FͭMh� ���S 8��#*S�����qV%�1�ń}$�H .D�V�n��hKHo��/�*&, �L�љ���@��U��n9�^�
ٷh�Z��7�A��� >x��-�E�S�b�E�2�J(
|2�9I �b��(nV���pd�5�k?�oQ�Y�,�7~�0u����㻿1e�#��|c�V&6S�x#�5�1E\���6Y��mP�'�� ��d*Y:`g�̈�`B P"���z�-�%z�7 Ͱ I�صQs !��PB����ɊR���߭{e�,HQ�O
��Z�R� ��^�e�҇ A=Y��r�175� ��2�d�����6U$ҿ =�l��lz*� B�_�O ����iqgB�;t�@ͮ���ezߔ�f�T�����: R��ԝȠtɆ$!䑆�@bJ� ��Q��Y��
T�f' ���'mFF ��lIR7q��/ �� ��|
$�n�m\x .6������W�)�2�A(n}���$9� �,j2VK�aL��17��'�9z���6��8Ui;aW��:b���,��$�U�}9�T
��"��s�W`U��>hW��
-%�I����tS�>>�xUnU8րd`RR�����ˮeUŀ朕�JF�f ��b�Z�-'��K A
�&6���! �?#J�jH��l� jU���Ԩj ��!"WZ\�i9����ʖ%�.�C ��c�q!`Id���j �Ȁ)��f���DW>�� ��M��Qb�f�G�c����L�eD2�PԴ�Ji}4`���0�X�%9�����'�Г�z��}���>�i �&`��G��V�}�Yޡ�Z��o�'�<��bE�v~_x�ج$��iSCL�ɪ��f"*�M9 )Tz�&���!�� � ���I����&�2ю���Jqk���sp�0�}�x$̬&H��A��c��.��%Jy����#�2��� �$Sԃ�d�YF�W�:2� ��F��An��D�R C_R��pZBH��q�_�Y x�^|j �Y`��D�as�5=;��Ua l�r�j0nG�r�vk���*�9UG������!'�fΉ֟8K���Aƛnnp�
oU�m�,�OVW�)�3��� V}�&r�M6�@آ��F����� �3���0-�4�\)� o� �ZrM(k��\��qx�[�S����/�'c�c�E�߸�p AFTP�.�r����D4ґ�1a)R��\#MfV���a��O��%�y�Ԇ��a;��WƐ�N�EȖAQr%!Y:dJUW ��p*�P�bR�l`K���%�t���2!��H�5��OQ�NY�>Ԣ4��cT� Ǎ����� ^�f^;�ĕ)&�h¨<���E�.�z2GS�L�0`�ˢ�0 U`hz��� �hm���땉I���=:� �99m�+{)+(:l���\��jv1�X�$g�d��$����$�B-jaٚJ� ,' 7��@�^���hꪫ����X��$�].蛫���$T�\�hzA ?2G,�:q�A�Gl�H@c4 ��(c�}� �N�nM(��M�Y�POl�N�
[�*%�In��'qJ���w�����Ȓ: XT�S� S�� K囌�RG5�Ȍw�ĝ��!��3_ ��7f�P)����? ��T���h�+Tֹx��KQң��Ɂh�n ��1א^��'�UfP� � �Q�V��ɲq(�Pr
R�ETo@r���e\F��rEOZb%jE)�V,�O�����(�;.YSz���VB�pN�%���"����v����D��U"��J|�s��ni�k6 ��#|��� ���V r��'m���)6�!��H�-� 69n0ב.�v A9�(��[�tK-k�̥�7� ��]��e�2��p�hѢ�r��7~]d�:� p�B�
%����j1SQ p ����
�% ����f5�m�p���#���OP�8R���B��|r@"܇��uȤ*���*.D�
ː)US�*�F�.D���)n���1M�7%���~U��
����H���q��*M�H=�FT����*���Nb�P��
�e\e�-{HMIQ�d*B[;b����́�,�NM&�z �ĮL@t�Cn��|}��"FKH�y%�]ּ��L �@�ogy����*:�c��LI����l�q� ������I̊��W>;e���)
~]Հ�P��~`nG�KU��l�[v%+5�$� ��|8���2( 2�%�v�W�$w9~i��)ܗJ �V��P�0�7��P�sy �h�h�w�-0���mu��q�"��p�q�����$�Pc,�[��F#��A���7A�N��v�1S�
�3 ,�
2�����iZx��d
(Jް�
(z ��!E���A�l�A]j���&��3� R�Cɸ�S�'��Hp�#+ۮYՊ�`~*�r�`vGD�{pV(��Z��J��T�@psdw�`C���Q���̎&�_A�,�x� x�)�Q�s_¿NY�$KɎQ��>��n!��f��(H �:m�u��Y��?���'J`� $���(����Gö^"k�: �8�K*K�n�-�Q�P�v�r��'�=pp�����D�k�Q���[�O�$ʼ����6��H�[G=6�h&�D�Rd�"�v��82 k[35s N�s_��"��;z��,���8X�7�tk*�uȨTL�d��r�UzdJB���TE �\ �^�
�\U�تW�� v�<��̈́�4����(��(d��.=qW �qK��� ���Ϡ僓 �Iz��,������9��U'��/��� �0�mw����b��-�
��]� ��9x��âO���f� P�����a�4o�)���e ��H//� �D� ��Yv��j�4�/�����yrf�� �|��e��3 v�� ��_�/��c>h���?�Q��O!�Rf��g���a� �����ͱ��|�ub��It��a�
����yk�� Nd����� �W��W��_?ᖎLO5{N���tc.h�_� t� S ������� is���uZ���#�����t�J^�dXI�dZ���eE����Ӓ KG �S��E�-�^r,�"�2��ƚ�sNdy"W�T�9!�rQY!��X���� images/2.gif 0000644 00000001106 15167735342 0006654 0 ustar 00 GIF89a" " � �����f��C�� �� ��!��"��"�� �� �� �� �������������ʩ��ݰ�۱۲�� � ��
Λ
֣ ��
mR lQ
��������q H5C4dOgR xf9��{��}�����ѥ�z�f
���������� !� 8 , " " �@�pH,�Ȥr�l:�ШtJ�Jm%Xk�j�J6+��U,��3rժ�'A 0 ՊMM, �
+&Q6
*��*� aO%"�*���* #%P.��(0P-����
-P+����* ,P, *7���* +� �7���* �O.
���� (2N $"���<���aI� l��@�6 �u:XPI B�� a��
H���ÆF�0t�` �(0\� �� f� ѡ c�G�#EC�>|Ѐbċ H �(��XY"�p"˖^J��A��. 2u�V���R%���q�J��H�� Fm�#IʦE�W蓩b"K�LJ ; images/bgSky.jpg 0000644 00000066157 15167735342 0007626 0 ustar 00 ����Exif MM * � � � �( 1 �2 ҇i �
�� '
�� 'Adobe Photoshop CS6 (Windows) 2013:09:16 12:31:11 � 0221� �� � � � n v( ~ a H H ��� Adobe_CM �� Adobe d� �� �
�� d �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? �ܔ�������L�����j�)J�P�Bc`I",��*%�1!�2��D� �j�� �ʃ��� ������
��!=�G'��B�ee8Hѐ( �IS-���W� L�BhNXb��J�&(�-1��>��Х)Y.�I���
ɷ ����*$��K�%�Jy(*��Ҁ � �A
� _)��"VvB�]��FA�GF ���:]B�X�@X�D�Yy!U�Ҍor�p���
O(d�C0
$$Te6�W�R� M)����� �JR��wAK�0r ��6��riCKr�r�pCܛ�o�R� �\X�0�U6�Aj� �M��-�Z�硗�@H�'9 �3��sBx ��.Q/A75 �� �;�o@��R6�'���ҧ�-� �cr��.�lnJUoX�7�
��gt(�Uͤ�%���ד��)nK�\d�(���\9>��ћk�)z�Vܖ�8W�}b yA.Q.DE"GZ�� �TK�K��X�6E��%D��̙nM���R�K ����ܚTe4�t�[)JTe4�J�e)�FR��<K�yP����3�����KĒnKr �Jo
x��Q.PܚQA�2�ң)�:��.JiM)��Xd�SJiJQa/���{ �Rܰ[s�t*�3�9P�}�c/wZSJ�ޠ�I�Ք��w�۔�/a � �
D�'�=��>��.����x��)w9M*��1��)R���i@~K�0ʬ�G���'��NE~*� �+L�r�z��U awt�S�V�6�{Gf�xAI<D-2/���ĖjI��������K��S��[�b$�^ ��~�s�&���z!�~����O�#��N������X)">�v]2���I8-u��� $��r ܰ�E���I%?����Photoshop 3.0 8BIM Z %G 8BIM% ��}�Ǿ pv���N8BIM: � printOutput PstSbool Inteenum Inte Clrm printSixteenBitbool printerNameTEXT E P S O N 8 5 C C 1 5 printProofSetupObjc P r o o f S e t u p
proofSetup Bltnenum builtinProof proofCMYK 8BIM; - printOutputOptions Cptnbool Clbrbool RgsMbool CrnCbool CntCbool Lblsbool Ngtvbool EmlDbool Intrbool BckgObjc RGBC Rd doub@o� Grn doub@o� Bl doub@o� BrdTUntF#Rlt Bld UntF#Rlt RsltUntF#Pxl@R
vectorDatabool PgPsenum PgPs PgPC LeftUntF#Rlt Top UntF#Rlt Scl UntF#Prc@Y cropWhenPrintingbool cropRectBottomlong cropRectLeftlong
cropRectRightlong cropRectToplong 8BIM� H H 8BIM& ?� 8BIM�
������ 8BIM
x8BIM 8BIM� 8BIM'
8BIM� H /ff lff /ff ��� 2 Z 5 - 8BIM� p ����������������������� ����������������������� ����������������������� ����������������������� 8BIM @ @ 8BIM 8BIM ? � b g S k y � null boundsObjc Rct1 Top long Leftlong Btomlong � Rghtlong slicesVlLs Objc slice sliceIDlong groupIDlong originenum ESliceOrigin
autoGenerated Typeenum
ESliceType Img boundsObjc Rct1 Top long Leftlong Btomlong � Rghtlong urlTEXT nullTEXT MsgeTEXT altTagTEXT cellTextIsHTMLbool cellTextTEXT horzAlignenum ESliceHorzAlign default vertAlignenum ESliceVertAlign default bgColorTypeenum ESliceBGColorType None topOutsetlong
leftOutsetlong bottomOutsetlong rightOutsetlong 8BIM( ?� 8BIM 8BIM 8BIM } � d � �� a ��� Adobe_CM �� Adobe d� �� �
�� d �" ��
��?
3 !1AQa"q�2���B#$R�b34r��C%�S���cs5���&D�TdE£t6�U�e���u��F'������������Vfv�������7GWgw������� 5 !1AQaq"2����B#�R��3$b�r��CScs4�%���&5��D�T�dEU6te����u��F������������Vfv�������'7GWgw������ ? �ܔ�������L�����j�)J�P�Bc`I",��*%�1!�2��D� �j�� �ʃ��� ������
��!=�G'��B�ee8Hѐ( �IS-���W� L�BhNXb��J�&(�-1��>��Х)Y.�I���
ɷ ����*$��K�%�Jy(*��Ҁ � �A
� _)��"VvB�]��FA�GF ���:]B�X�@X�D�Yy!U�Ҍor�p���
O(d�C0
$$Te6�W�R� M)����� �JR��wAK�0r ��6��riCKr�r�pCܛ�o�R� �\X�0�U6�Aj� �M��-�Z�硗�@H�'9 �3��sBx ��.Q/A75 �� �;�o@��R6�'���ҧ�-� �cr��.�lnJUoX�7�
��gt(�Uͤ�%���ד��)nK�\d�(���\9>��ћk�)z�Vܖ�8W�}b yA.Q.DE"GZ�� �TK�K��X�6E��%D��̙nM���R�K ����ܚTe4�t�[)JTe4�J�e)�FR��<K�yP����3�����KĒnKr �Jo
x��Q.PܚQA�2�ң)�:��.JiM)��Xd�SJiJQa/���{ �Rܰ[s�t*�3�9P�}�c/wZSJ�ޠ�I�Ք��w�۔�/a � �
D�'�=��>��.����x��)w9M*��1��)R���i@~K�0ʬ�G���'��NE~*� �+L�r�z��U awt�S�V�6�{Gf�xAI<D-2/���ĖjI��������K��S��[�b$�^ ��~�s�&���z!�~����O�#��N������X)">�v]2���I8-u��� $��r ܰ�E���I%?�� 8BIM! U A d o b e P h o t o s h o p A d o b e P h o t o s h o p C S 6 8BIM ���http://ns.adobe.com/xap/1.0/ <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmp:CreatorTool="Adobe Photoshop CS6 (Windows)" xmp:CreateDate="2013-09-16T12:24:29+03:00" xmp:MetadataDate="2013-09-16T12:31:11+03:00" xmp:ModifyDate="2013-09-16T12:31:11+03:00" xmpMM:InstanceID="xmp.iid:14EC8004A01EE311B81AC2D11D4AD4BB" xmpMM:DocumentID="xmp.did:11EC8004A01EE311B81AC2D11D4AD4BB" xmpMM:OriginalDocumentID="xmp.did:11EC8004A01EE311B81AC2D11D4AD4BB" dc:format="image/jpeg" photoshop:LegacyIPTCDigest="00000000000000000000000000000001" photoshop:ColorMode="3"> <xmpMM:History> <rdf:Seq> <rdf:li stEvt:action="created" stEvt:instanceID="xmp.iid:11EC8004A01EE311B81AC2D11D4AD4BB" stEvt:when="2013-09-16T12:24:29+03:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Windows)"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:12EC8004A01EE311B81AC2D11D4AD4BB" stEvt:when="2013-09-16T12:24:29+03:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Windows)" stEvt:changed="/"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:14EC8004A01EE311B81AC2D11D4AD4BB" stEvt:when="2013-09-16T12:31:11+03:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Windows)" stEvt:changed="/"/> </rdf:Seq> </xmpMM:History> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?>�� Adobe d �� �
�� � �� d���
s !1AQa"q�2���B#�R��3b�$r��%C4S���cs�5D'���6Tdt���&�
��EF��V�U(�������eu�������fv�������7GWgw�������8HXhx�������)9IYiy�������*:JZjz������� m !1AQa"q��2������#BRbr�3$4C��S%�c��s�5�D�T�
&6E'dtU7��()�������eu�������FVfv�������GWgw�������8HXhx�������9IYiy�������*:JZjz�������� ? ��.���]��v*��Wq�k�v*�Uث�Wb���b����Wb��*��]��qV�*��`KX�k������`Wb��]\*�qV�U�Uث�+u�[�*��Z®�]��:������v*��Z�*�b��*�R�ث�d R��qW *�)Xp�ӊZ8��qV��]\(ZN*�p��qU��U��CU�� �Z�*�*�*�(hⅧ
�
�U�(n����Wb�b��]��k;;��Дg.���]��v*�Uإ��]���$;v*�Uث�W`W`WS�v(v*㊭8��Wb�N*��Wb��2h�b���p+X�U��U��Z�*�qWW
�\P��V�]��uqWW
�*�U��]�[��Wb� Uث�Wb�銵�]���V�Y,8�ӊ��+I�+I«I�V��V��V�h�(j�P�qW��V��
W
WuqWb���k
8�T�hkn���(uqV��*��S�Wb��u1E:��?�ѓW9w�uqWWuqWWuqWWuqV�WaK�W`Wb��]�]���]\P�*�UثGh��Z�� Ui�-`KX���]�- R��Z���V���N([\R�U�U���*��kN�)uqWW;v*�ث��ӫ�i��Wup!ث�+��c;v)q�Z8�XqJÅV U��+)ZN)ZNZN�'h�*��V��:���-8U�qCXQN�]\P�p�u�Z�(uq�vv(j�U� U�P�(uqWW�W:��u�]�����Ғ�0��*��WuqWWuqWb��]�]\U��ث�Wb�↱Wb��Z�*�
�*�U����- kh�R�)uqJ�▱WWZN*�8��U�U��]�.�.�iح;M;v(v(v6��]�]�]\U��]\
�P�P����Wb� Ui�+N)Xp�a«N�8�i8�a8R��R��+Mb��V���(���)�P�,V�Wb�b�8��*�p���]����;
�:�U���(u0� ���
ӱC�Wb��ӑ�9��uqWWuqWWuqWW���u�]\
�U��CU�]\U��]\U��]\U��Z�uqV��]\U��W�N)k�N��Z�)j����Wh�U�p*�qV�����]\R�qWb�����v*�P�Uء�R�Uث�W`WSv(u1B�0�t���j��Db��aU�0�a�a�
V6)S'
V�Y-¡��Z�\qE-�v(��SX��aE:���b� Ui®�(u0����]��n�P�b��(v;v+N�u1V�� �]�_�Ԑ�9��uqWWuqWW]\U��]\
��WW7�w,U��]\
�⮮*�⮮*�qWWj�������qV��Z�)k�Z'h�R��U�qV��V�j���K�+X��R�qWb��[lb���]� � 1V�WSn�u+n��m�N+m�o�(\U�1�.�բ�ڭ)�6�ˊmM�
T�aJ�Y)��+)S8R��d�*�b�b��6�S
#
�CX��� �)�aCT�
Sn�U�� LUث�Ct�]��ء�U�1Zu1C��]LP�*�0�T�_��>�sb�⮮)up+�b��`K�b��[� ��r�iܱWr���X�;�+M��,+N�ӹ`Zj�QN�����1ZuqZj�N�*�p���WZ'h�U���8�X��%إإ�U�������ol U���
� P�
� U�b��㍫a0Z�[\#�h��<�\"��k�X�-w����1ci�� M�2a�ڋ.I�Qe&Y)�6R��R��R���T�-aWSkv*�b�S
��chu0���(�SS�����V��5LP�b��]��
�L*�b��
�U�P�*�4F*�aW��;�r�f��W��w,R�X�,U�X�X��b��,V���r�[�i�X��b��ӹ�Zk�+N�)ܱM;�+N�ӹb��X�5�up%�X��b�Wj��U��W�j����.�*�*�*�U�Uث�WWn��u�
�6^0!p�W��� � �ch��0Z-x��X-���Z���� �- M� ���4�ckĢ�d��* H@��2@�A�$ �˅��.�+���\Ua\R��)ZF)���.�*�1KT�]LU�S:��Tj�����+N��,i�P�Uث��]LU����b���V��
b��_��7�r�h��WuqK���']\R�p+u8��qWWj��ܰ+|�Wr�]�5�w<U��M;�+N�ӹ��x�;�+N�i�X��`Wr�
r�.劺�ܱV�b��)j����]\U�⮮*�qK������������[n��p8�
�
��*�*�01*��-�UX�6ĕe�"KUXr6ĕd��2V[olX�/����#�M�O�)CK;cm�HI"��
H�`��t��L��E�
�Se�p�a\R���+�V��V��Zb�m��v)ku1CXU�1CT´�QN�; u0��Uح8b��:�U��Z�aB�*�Uث��4�r�j��C��i��]\ j�����늻���U���*�,UܱV�b�r�Z�]�w<V���s�i*�#�Z�qWr�]� ��������������\�K�����U�]\U��.�up+���������������W� ��U@qB��VL J�``Q�Ģ2$�%��%�(��Ȓ��TPW�!���{e�
fh�e�L�A���t 11d&��[R�Y
ђ]<9n��Rœ�,��f
�$ 0T0� �˅��\)XF�+�+�V��+�+p���m�b�S
��Z�.�]��LU�aCT�]LQN�4�QN��o|P�*�UءثTaV��Z�(u1W��1�sl��V� \
��W�\R�R��W]\U��Z�*�qV���\U�⮮)uqV��������\
�⮮v*�uqK��]\U�Uءإث�ZkuqV��]\U���*����uqV�*�p!p���(^����&DxLy��c���������@rQi�L��2�ŢE ��3*0i2P�L���2Jn���0�@�7�r��ĥ�&[�Aʙ0[Bș0Y�;�f]rV�E��#
V�+�V�+�+N����]LR�b�S�L*�1Wb�b��*�b���آ���P�*�P�(v*�Uءث��ժchv�� r�l��Ku�]\P��W]\U��WZ�*�⮮*�qV��Z���������]� ��l`V�W`Wb�Wk�v*�p����\U��]\U�⮮*�qV�����u�]\ n��u���
�Up���*�`bW�D�
遉D!ȱ(��D�(��D�(�� Z�*&�5�0�a�N-2 ����/q�qLʌ�HQ�� �q M�� ˑ��� ��a�n9FL6,�& A�f�0�Rl�%&�
V *��J�8��)k�u1K��-b�aV�Wb��]��5LU�(v(v;;
�
�Wb�b��]\U�*� ��\����[�)j����]\UܱV��-WuqV��]\R��V��.�]��.���]��]���\U��Z�*�qWWuqWr�Z�]\U��
r�.劵\U��Z�*���up+u�]\
�qU�l`U�6^0 �%Q+!��tl UѲ%��|�`B&7��QI�`B6 i�4�&P\S�]4�(ź뗌�F*r��u�)�E/����$[��� �����Є���hB�rA�C�rL�(�AM��M�IS8Ua�+N�8�G
Z���إت�*�*�*�p��V�Wb�� p����:����W
�(up���Z�*�⮮*� ��\����]\
��r�]�j����]\U��.�*��b�b����WWk�:����]\U��]\U��V�k���*�,U��]\U��R�⮮*�⮮uqV���� \ ov7\U��W U�Up���*� ^,J��US����VF�ī�dK������ X��\
d"㞝��b��>�1& -=Ǿ<ICK6 fW�-�!%l�m #d�`CHrA�C��2
p�Rc��Sc�d��
��)Xp�G
V▰�X7�Z�h�U�qJ��WWkvn����]\Ui�� \P�8P��W ���uqWWj�U����\����]�k�uqV��]\U�⮮)uqWW����������]\
��C���\U���j���b��b�劵\U�⮮)k�*�X�\�K�����:��\V�\V�\V�\U��V��[���C�*�b��V�!���\.E8�)��T8�����,J�6D�*���dX���bB�� hͅiI�Őy $�<��6 �vɆ`!ݲA�Ps��Qc��� ,��p�I�I+Zp�i�V�KU�.��ثXU�p%i8�UW������]�
Wh�CGj�P�qb�p��ŋU�
�
\*�qWWj����Z��=�U�]\U�⮮uqKx��U��Z�.�]���������Wj���⮮*��WuqWW�\U��WuqKU�]\R�qWW]\V��+N�+N�+N�+N�����8�p!�⫫��(l Up8�qV��W�W�@p!QN*)Ŋ��++dX�Ul�bU��%�
�&
cJ�&
cKľ��)�\4���aH
/&`(;� ��
.rL��d��HSl,�
�8R�
�8R����
]���U�Z8Ui�.�]��uqV�CUaCGZqAv%��CUŋ���(up�X����\U��}s�{�Wj����[�)lb�b��.�*�Uث�!���Z�uqV��Z�*��W��������U��W]\P�8��R�
�qWW�����������\U���7\
�8���`��W�n��qB�⫁����b�[*+`B��*�`AUWȱTW�ąE|�T`�R�SE8ɍ-)��*M)��d�>@)3adY��I��1�2 ��a�
�8R��JÅV��V��'W
��U�p��qKX�X�ث�Wb��]��:���*��
�����X�� \*�;v*�U�к�,��*��`V�[�.�]��v*��W`Wb��j��U�Z��N)j��R�*���.��W�\*��V���\ j�����uqWWuqWWo� U��C��[�7\P�8����W���(l
�8��p1\(^*+b������
��J��K��"���H���SE�ZZ_
&���3aeJL�R��
T��J�8Y���a«N�lUa�
�8Y4N)j�U�®'
��- R�U�⮮*��WuqC��]\P��Bӊ�5���C�CXP�P�*�Uث����=��Wb��]\R�qK������������]\
�8��Z'j�R�8�U�.�u�-�b�b�b��V�����\U�Uث�+�Wb��]��1V�+�!إث���7��\(]�
���\P�8��p*�qb� ^(TV� �`B��x|���"����<V�_��𦖖ªlإal)Sf2إa8Y-'
V���'
V R��)Xp�Å-b�������.�*��)kv*��WuqV��]\P��W
8���C�� \(j�X�\P���C�Wb���ms�{v�]\U��.��\U��Z�*�⮮*��V늺��qU���-WuqV�&���]\R��b�b��Z�Z�]��v*�U��Uء��[���]��v*�U�p*�qC`���
���l Up8� Up8�\//
��
��6(���*��<Uܰ�E�U�����V��J��R��R�8R��R��)ZN)S'
V�V�)k
�\R�qWb��-W
�\R�Uء�U��WWj�����4N:����C��ŋU��(up�u�]\*� ��N�˽�u��W�����]\
�⮮*��V�����p+��\N��j�R�qWWn��]\ uqd�qV��]\U�
��b��]�����U�ث`��[
���]��v*�Uث`�Cu�[.�(p8p8��qU��B�qV�Ŋ�qU��!xlP�,
�6(��b���[労[Z[
�-�V��V���i8UmqKD�U�╤╄�J�p�i��Z'j�U�qKXR��V������V��
W
�\P�qCUr�� \(uqC�����
W��P�⮮uqW��B�˽�|�K��]�[劺�������U�]\U����\
�qV��Z'j����WW��&끓�WaV�V�+���\
��K�Wb��]��v4�����`Wb��]��v*�Uثu���������� ��[\.\(\6*�67�o�(o�*�X��b�Kb���ZZN�'�'
��)h�*��R��R��)ZN���V����Z�,�\*�p��⮮)j���
�ō�N+m��qb�l(k�;�5\P�,(uqC��Z�(uq�w,Uܰ�\�W�� \�i�-��o�,���WuqK�b��*��WWuqWW7\U�▫�]\R��WW�)\,�\R�qK���\U�U�p+�+�%ث�WWv*�*��⭃�
��\U��]\U��]\Uثx��Wb���
��.\*�
�8��⫃b��b����,V�� �w,)��b�Kb���KE���qU��KD�I�+ �▉�+I�V�q8R�8Y5\*�)uqV���5\X�D�b�8�֓�V����:�P����(w,*�,U�X�U��w,U��\�����m��en����ۮ)j���]\U��]\U�⮮*��V��]\
�qV�����-�M������]\U��Z���W`W`K�V늵��v*�*��Cu���uqWWuqV늺��u�]\U�Uثx�U������W�Wr�[�*�ll6*�,UܱE7�w,V�劵��[
�[ZN)h�*��)h�*��R��)ZNh�)ZN*�j����KXR�╵�
�Z�(h�(h�,KUŊ�ء�p���U��C�� \(uqCu�
W
�\U��
W
�\P��WW��/�sOd�qWW�\ up&�\Y:����]\
�⮮*�qWWuqWW��\
���[�,���W�������Z'������v*�Uث�*�uqCu���*�⮮*�qV늷\U���[�*�*��� ��\P�qV�����|�V�b�劷�w,P�X�\�Wr�-r�Z-�+Kb�W�\U�p�U�+I«I��V��i�)q8�mp���Z'-'
�\X�\(�����\P��-'
'5\+mW:�P��Cx���W:�U��W
�;
����.�i읊���u�.��WA��K��]\U��]\U��]\
���kup+U�.�[��\R�87\R�qK����Z�-W���`�V늷\U��WuqV�*�U��V�Wb��]\U�⭃�
���\U����uqV�WW�]��\P�X�u�]\V�\V��uqC�b��Z�*�qKU�]\)j��U�V�W
V��Z�4�p��p��R�qV��Z'
���%��bZ'
����Z'
�.�5\V݅
�:����W
�\i]\4�W:�U���_��-�m��ء�P�
�Yb��N��b�b��]��\U��]\
�*�UثU��b���,��.�)n����V������]\
�p+u�]\U�⮮uqV�K�Wb����i�����(uqU��C`��n��u�]\U����]\U�H�WZn��������WWj����-WuqV���N*����*�rIup����Z�]�Z'
�\P�8Ui8�i8��p�-W ��B�p�i8Uil,Ik�(%�Xi���4�w,4��qC�����U®�p8���]\P�qW��� ��,�soj�(uqC�(uqV�%�Sm�en�������U��Wn�����\
�U��`KxҺ�)�u�-�[�)uqKGj�R��K��+u���*�⮮*�q�up%��.�*�qWWuqWW�\U���6*�8���WW7�n�����[�*�⮮*�⮮*�*�Uث�V���N*�8�\�V�aV��Z��\U���8��R�qV���NZ��Qk a�[E�Z�i��bKE��h�E�/��kKa�Z�i�+K�$��0�-ަ4�lI�-�$Ɩ�1�۹�Kn�-��
"ۮ+n�4�w,imil4�Z_
1���+�q�]\
�(uqC�C�Wb��6��M�\R�)kkv*� n���������Z�.�*���-��\ uqKU�.�*�)v*�qWW����]�V�cIk�4��x��\�z��۹ॶ��I�sƐ�!�����.
��plR�p+u�[�86*� P�qV늺��u�]\U��]\UܱWr�Z�]�4[ZN)j�U��W
]\U��KD�KU�-W
�'4[
X_
1�6|4�V0�Xd�S %�L4�&�Liש��m0�-�&4�Z_%LIX_
1%L�J����cn�-�>4��I��m�1��Ę���S[o�Ɩ��"��cKn/�-�2d��Ʉ6� ��+�q흊���ء���(uqW`K�-�\Sn�,��Z�]��qK�WW�����Z�*�uqK��]\ n���\R�pR�\R�*��K���N������|i�Ɇ�kL���-2�K�їG�\i<M�1��lK����S[o�Kk�����)*��S%��RWW+���7\U��劻��4�X�|�C�b��X�\�Wsƒ�X��b����N*�p���W
��
�[�-���xi��4���E�i0�T�L�1%I��L Xd�SV�Lmi|4��<4�w<i�<i�|4�֗�R-il4�X[%Lmi8� \4�k�4��<im�x�m�x�-�x)m�&4�ߩ�-���Kn2cH����-i|4���*�s�j�q�uqWWuqC�� \U��
�����\Sn��b�uqW`K�KX�U�Z�*�qWW]��[�*��W۫���,i.�*���milV֗�H����-M��H��L4�֙1����4�w<4��x)6���|�Rm�x�m���mp|�TW��AUW�L�TW�I\ %�x)
�ƕ�Xһ�4�sƕ�SWz�ҷ�cJ�1�+E�k�ƕ�SV��J�<i]�C�b��cIk�V��V��KkL�i�Ɇ�kL�i�Ɇ��0�V4�i�*l�*`J�i��-��Z��QmW[\�E�������8i���-�N-' ��Z�(j���b�r®�-ܱ����Kn�!���۹��,4���[��)�s����*�V݊����]\P�⮮(uqV�]\U��.�)v�\R��V�V�*�R���]\U��]\R�q[uqM���mܱ��E�R��imi|i��%H�6|4�S/������-o,+n�+n�+n��T�o��u�6�8�m��k��@�+�i�+Ę)�+Ę)6�I�-��`���cJѓV��ҵ�Ws�J�< w<Uަ4�s�J�<i[�!�SV�L�z�һ��Km1���L4�Zd�H��L4�S2a�6�Ɇ�kL�i�|4���H%il,mi8P�p��p�mqC�� \(j��h���'
��Z���*�:����b��:����]\U��
WuqE���&�s�d��WWuqKu�-Wup+��i��W:���� \R�qK��.�m��qKU�\NuqK��������\U�X��E������FLimi�[Zd�KkL�i��E�-��kk�"��mث�Wb���������-��-�M�
�6�6V�6���+\ &��-��m��M��w#���*�x���Iw,Uܱ�w,(w,U��WsƖ��E��E�_
-�/��kK�Lma|4�Z[%LmilQmrk�[U��p���V������p���
W
�4Nh�BӅZ� p����(v(up���WuqC���
�]\P� ��%�s�b�⮮*��W
���ث��.�*�U��b�P��������]\R�
�Z���)uqV��Z�h�U��Z�i��E�/���/�-�/�"�/��֖�KmWj�ҷ\
�⮮v)uqWb�����m�qd����M��|�&ۮ)��b�o��|��[uq��r��w,*��I�W[uq��W�W���+��-ܰ��-��\�E�[
-ilQkI���-�"֓��p�݊�(j�iZ'
��qCXX�
��i
W5\4�� I�U��V�C�CUb������]\U����*�v?��#�s�`�⮮)uqWaK������K��.�(v4��(v*�P�⮮�Q����U�.��N)k�4�rƕil4���
"ԙ��S/��Z��-o<im�Ximܱ�[\�[w,R�q[n��⮮*��K�����]\U�
�qK�Kxn�)��-�[�)l Sm��m�ۮ)�W۫�۱M��������W�W[\���[[D�E�N(����qE�\4��v(j���p�U�b�����LZ�(h�!Z�:�U�Ⅴ↫�
�Z�Z�(v(v5\(kuqV�C�Wb�b�aWW
�\��!�s��4��)up+��]\UܱWW
�\��۹cKn�+�cHw, n�]�uqWWw,UܱU����E��E�����-i|4���
"����XN[[\P�p����\
�⮮uqK�����\U�n�*��V�[�o���u��늺��]\ �W[�)l Sm�劷\R�Sn�4�������Kn�+n����۫�-�qE�\+mW
-��j���\(j���p��qV��X��(j�P�(h�(h�P�p�XP����CU®�
W5� \*�8P��b�b�W;
�:���Uء�U�ӏ�4��W[uq��W-��4��X��\���\��Kms�Kn�-��-��
[o�
[w<im��Km�KkK�KmƖ֗�Km�KkKcH����-i8��G
�8�U����������.�*�⮮)��۫����b���[[�*��uqK��]\i6�8)6�qM���qWW�W
�����m��m��m��]\i�4��q[h�[U�m��W
\(j��D�CU�]��(������\(h�(ZN5��*�qCU�V�����
W5�ZWj�Uء�↱C��]\P�(l *�(v�ԍs� =e��[k��Km�Ɩ��-��4��|4�[�[k�4��<4�w,im�x��|�Rm��۹ॶ��KmsƖ�/�-�_
-��[h�4��,4��,i�,4��q��Wj���⮮h�U�*�
��ƒ�vv���uƕ������K��\ n��u�]�Z������]\i6�ॶ�]\V�\Sn�+n'��q[up!�¶���q[j�QmWuqCUW:�U��W5��qCU¶��CD�CU«IW
�*�(up��U�P�P�p�X�XP�p��C�V���W;up��P�uqW�Չ��+�۹�H�r�I��`�[��KmsƖ��m�X�۹cH�����uq�k�)��`[w,i6�,im�Ɩ�\im�����qKUr�]\U��m��Z�+n�*�qWWuqWWh�K�W`K�J�*�uqK��[�\)n��p%�⮮����V�.�[�)uq[uqWWuqWW�b�b�b��[�(uqV�V�j�����k:��ڮ���-���ڮh�4������Z�5\(k:�U�P�qC�V�� �Z�k5��Z�(k;up��U�P�U�P�Uءث�և�4�L�⮮*�q[j�����\U�8�U�]\U��]\U��.�*�qK��]�"݅]\U��W�\*��W������)j������U�U�)[�)uqW`KX�ث�K�+���\R�8�p%��M���.�*�p%���]\R�p+����������������Ɛ�p������U�Z�*��CU�Z�uqCU��[U��
W
+U������U��WW
�
W5��Z�*�p�����b�b�aV�C��ث�C���WWv(v(�׆�5H�⮮*�Z'kvq�Z�mثU�.�*�⮮*�⮮*�⮮*�)uqV�Wb�b��UثD�b�W����Wb��]�]����qW`K�+mW�v)n���K��m�q��\im��۰%��������]\U��]\U�⮮*�qWWj�������Z�+n�(��¶�q[k[���q�5\*��5\(j�U�p�����]\P�5� \U�P�p����U��V�� � �]��]��®�]��� ��\,mآ�ІW5En�+n�)j��إث��
b�Wq�-b��]�����������Z�*�qWW
+������+X����������Z�]���\*� n�)n���K�+u�-`K�Wb�b�`V�]\
�qV�]\
�8�*� ��V�WaW`WWuqWW�Wj����V�\QmW�W[D�[k[���U���\*��CUb�W
�uqC�CU��*�(up�X���Wb�� k��:��u�WaC��ث�V�� ��;;
-ء�хW5B�qWW
]\R�v*�U��V���K�K�!�p�U�]\im��V��.�]��\U��]�����U�UثU�]\U��.�*��W���v)v*��Wv���� v*�R�R�
�U��-��\
�qKu��劺��ح��b��p-��Qn�*�q[up��������W
�4��V���up�U��k5\U�b�W5��*��CU�]\*�qCX�XP�qWW8b��C���WaCU�]� ��;; ����_�҄�5/B�*��W�\
���]\P�qK�K�Wb� Uث�[h⮮)uqV��������������Z�(v)v*�qV�Wb��]��v*�qK�+x��R�)v)p8���WWK���\ j�����\U����\ n�+n�+n�*�qWW��U��Z�*��WW:��Uƕ��C��Z�j������ث�CD�V���� \X���Ub�Wk
��4p�D↱V�V��7�Z�*�p���[��W
1C���,V�b��ӄf��\qCX��⮮*��WWuqWWv��`V�*�*�U��]\R��b��]��j�R�v)kkuqWWuqV���v)uqV늻uqK�����R� v)n����]��x� n�6�U��⮮*�⮮*�⮮
WWuqV��+��]\U��]\iZ�5\U�P�(uqV�V���j��ثUb�Wv(j��ثXUء�U�qCU�Z8�X����U�P�*�8U�Uث�C�V�(p���
��_�ԄW5O@�qV���j��U�U�⮮*�▫���������U�]\
�p�����v*�qWWuqWW����V�8��V��ء�إ��[�.�]\U�⮮)ov)uqV�%ث�M�n����-�b���b���W�W��U�UثU�]�mح��Wj��ث��
WuqCU�WW5\(v*�p!��Z®��]�
b��5\Uث�CD↩�Z�
�lb�W
]�
b�b�b�b��ž���(v*�U�Ճ�k�����vokuqV����v*�
�8U�
��K����ثXUء�R��V늺��R�U��V�����]LU�����[��b��]��uqKx��K�WWn��Uإث��.�*�⮮*�R���Vڮv*�P�ح�
�U�m��m��Z�(uqV��ء���
b��(kuqWWv;:�U�P�p��WaCU�]�ƕء�b��Wb�aWb���]� ��®��.��փf��;
��v*�Unv*�)v(q�WWj�������uqV���\U��Z�]��up+X��WW�������]\U���]����\R��V�K�Wb��]\R����Z�)n��⮮*�qWWuqK�����u�-W�W;j���Uث�[j�����Ub��
WuqCX���Z��]�]� ��\P�*�(uqCX���݈WaWb��]� �]� \U���v(up����Wb���]\U�ׂ�5n���]\UثXث�����X���Z�(v)v*��b�5�Z�]��v*�UثGv*�U�
�R�*�U�U��.�4���Kn�+n�m�R�R�U���%ث�Wb��]��\R�*�qK�������m������M���[v*�qV��Wb��Z�*�Uء�⮮(kv*�P�p��WaC�Wb�W
��\P�↫��� ��
�1WW
����*�Uءءء�V݅��]��
��\Uث�Ё�5����]\U��]\
�U��WWj����������\U��]\Vڮ*�▫� \Uث�WWuqKU�]\P�▱W`Wb�b��*�⮮*���]�]�Cx���]LR�⮮o�kkuqWb�b��uqWWuqV�Wb��]\U�UثU�]\U�⮮*�↱Wb��]\P�v(vj��x���W5� ��*�Uء�U�Uث���C�WWj��8aC�� ��\1V�WW
�\UثU®�*� �сW5����Z�*�⮮*��uqV�+�Wb��Z�]��j��إ�U��
b�b��v*�Uث������K�W U�R�8�ح����x�*� v��]\R�V�Wb��.���Wb��mث�WWuqWb��]���U��K���*�*�Uث�Wb��(j��U®�]\P�(v*�*�*�(j���↱Wb�b�®�]�]��
�*�P�Uث��ء�P�UثX�����U�XU�C
�_E�/������k�n��U�]\U��]\U��]\
�qWWWWWWuqCX��V�C��ZƐ�U��Uث�W`Wb��.�]���h��]��v*�8���b�늻۱W`K�Wb��*�U��Uث�Wb��]��q�Z�Z�*�*�Uث�Wb�W
���5�]� ��
��
�k�����b�b�®�]��
�5\*�P�qC������®�*�P��WWj�U�ت��P�|iV�¶�Ɇ�kL�i�Ɇ����a�\�-��k�b��*��WuqWWuqWW���:���C�CD⮮*�q[uq[v
[v*��Ij����[�.�*�⮮�uqWWvث�K�Wb��]\R���v)v*�v)�b�8��Uإث�V�qWWuqWWuqWW�N)kv*�(v*��b�`Wb� UءثXP�⮮5\R��CX����7�]��v*�(v*�8U�↋b��aC�� \i[�*�qWW
�[
��V�«L�iV�0�-a�
"�0�-i�
"֙1�Z�im����?�`Ӹ�E�&F
ek���|�[l n�uqW�Z�*���]\P��W
��\U��]\U��U��]\i]�]�]�[�*��W��Һ��x��ث�Wb�b��Z�*��늷\U���)uqWb�b�Su1Wb��.�]��[���v(up�X�ث�Wb�Wv*�qC���� \(j�����V���8b���]��
�*�8U�qB��P��cky�Km����+��J��ZdƑk �ima�
"֙0�-a�
-�/��kK�[\�E��P�qW���ks�V��'�Yn}�S.%U�di6�� ���&׆����[�)up+���
��\U��Z�]\U�Uث�Wb��]��up%��[�uq���v*�
�i[�*�*� v*�*����n����WWuqWWv)v*�UثU�.�*�UثX���b��]�]� \
�8U��W[��Z�*�qCU®�
�¶�Uث�*�*�qC���Nh�(Z[X_
-M�
1�6�%H��L4�lI�-�cKn�1�hˍ*�&E�2aE�/��il(h�([�
-�\(�b��C�Wb����c�ӝj�9�Ɠj�qڲ\��BH��}�$2D%��Ȑ�Ֆ|�T �^$)6�>4�o�w,U��]\U��]\U���v*�Uث�Wb���v*��K��]\U���[�uq[uqWW�\
��Wkv*�R�U� uqWWup+U®�*�⮮uqWWup���WW
��v*�(j��ڮ*�qV�� \U�⮮*�P�8�XU�����v*�qC�������V��b�K�E���6��a�Z�I��Z�|(�����V���x���k�4��b�W
�k;
����]����� ,�˶�ⶸHp&�c��j�?�
ej�s��>�d$��>�)6��)6����ڠ�&� �
M��q��z�&��1��z�V��i]���o�)uqWWuqWWuqWWv*��WuqV�]\U�ƕ��]\R�p%���uqWaK�Wb�`WcJ��`V������������]\U�⮮*���uqM�����V���
Wj��\���b�r�]�uqK�V��]\P��b��V�b��aU��CE����&E���6��a�Z�>,-� aCUWn�R�qC�������Zb�b��P�*�Uث�W����rS�����
�W�6�JpRmQf��I�U��ڢ�{�ڪ��V��>�)<J���&�|��\cI���Ɠm���R�bq�-� �\&�Kkĸ�mx�M��+|��w,���-�uqWWuqV늺���Wb��)n������\U��Wb��*�qV����.�j��X��������]\U�Uث������������U�Z�(Z[
�Ɩ�0���WE��4�o�Ɩ� �w��-��cKm�ƕ�c[w,V��
/��� �KkL�i�Ɇ�kL��-a�
"��L(X[
-il*��P�(vv�1V�(ov(v*�*�*�1Cx�ث�Wb��]������A�v*�Uثu��劮
�m����!�I��\imQf��I��sんk�)mp�Ɠm��|i6��=�R��q�&� ���n=��*-Ǿ
M�,�)6��`�V�K���z�M��)m�S[o�)-�һ�4��ƕ�X)]�o�)uqWr�-�up%���[�*�X��b��[劵\R���Z�mث�+�����Ur�Z劻�*�,UܱU��-2a�Z�K��Ԛl4�Ԛ|4�Xg��H���4��_[\'Ɩ� ��R��?�4�\'Ɩ��lim�o|imi�
"֙����.E�2�H��L4�ѓE��
-o,U��늻
�
]� ��ov(vv*��C�Wb��]��v*� ����A�j��u�]��v(v)uqV�-��[
����m�8��~�Ɠm�1���\i6�.
[\%�Ɩ� �
M�,��mY'�I�U���I�AqZ�>
[\'Ɠm���Rmp�[o��Km��Rmp�[lM�&� pR�~�4�ߪ1���Li6�S�[o�)6�W[w���n�pR�~�4��TcKm��[w�1M��cKm��m��Ws�m��[k�4��Ɇ�mz����.[hˍ-�2�Kn�q�Z�W
-�2�Kjm6cjO6A*/6E����i�ˆ�mz�E��8�ۄ����64�\&Ɩ��I��|im�_[w��-�͍-�2�[^�4�ѓ
"�1WsƑn�۹cJ�,4���[�*�qKu��*�qV�
��]�
��Wb��]����������E�v;M��b��]���������u�]\
�����]\R����|�+a�J��Y1�ڠ����6
M� i6�M������bo|��M�&� ώ
[lO�&� �R��>4�\'��Km����~�4�߯�&���Kn��R۽|i6�_-���Km���ۄ�)mp��M�`���\i6߭��cKmz��m4��͆�kL�i���-�3a������F\i���2�Kk ��-cK��jM&E�3�(���E��j���X��b��-�Ɩ��cJߩ�*�SK��犻�Ɛש�-��
�w<Uܱ�7�V�cJ�6)\��o�*�qCu�[l U��C�V� \Uث���b��b��_����E�v*�U�ث�Wb�W������lb���uqWb�b��v*�p%�⭆�+�b��ⶸ>)���M��[o�+m��[lHpRm�W[o�I��\im�.
M���Kn��4�߫�&���Kn�N4��\�ؗ-�%Ɩ�1���)�Km�q���\�߬q�۽lim�W[w�q�������.[ZeƑmz�im�g���k��m�g
m�ءilP��P��U�5��qU�
����U���p8U�⮮�\U��HuqE����\UܱC����Qm��mplR�6)���[\l6*�8�a�V�b��b���[�*���v*���*�*��W����E�v*�U�ث�V�V�K��\+��]����v*�U�ثX�]���[��Rخ*��{�o���*����[�-��V���o��|U����*��+b���\ o|U��V�,U��[ �W X�_*�k|U�\*��[��;|Uإ��V��G�ZqBӊ�qU�
�p�Gkv*�U�P�)vok
��7�*�U���7�[�[�WlW\+��+���oo|U¸�x�x�{⭌U�P�U�
�� �� lineWithDataGaps.html 0000644 00000021754 15167735342 0010650 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var graph;
// note, some of tada points don't have value field
var chartData = [
{
"year": "1950",
"value": -0.307
},
{
"year": "1951",
"value": -0.168
},
{
"year": "1952",
"value": -0.073
},
{
"year": "1953",
"value": -0.027
},
{
"year": "1954",
"value": -0.251
},
{
"year": "1955",
"value": -0.281
},
{
"year": "1956",
"value": -0.348
},
{
"year": "1957",
"value": -0.074
},
{
"year": "1958",
"value": -0.011
},
{
"year": "1959",
"value": -0.074
},
{
"year": "1960",
"value": -0.124
},
{
"year": "1961",
"value": -0.024
},
{
"year": "1962",
"value": -0.022
},
{
"year": "1963",
"value": 0
},
{
"year": "1964",
"value": -0.296
},
{
"year": "1965",
"value": -0.217
},
{
"year": "1966",
"value": -0.147
},
{
"year": "1967"
},
{
"year": "1968"
},
{
"year": "1969"
},
{
"year": "1970"
},
{
"year": "1971",
"value": -0.19
},
{
"year": "1972",
"value": -0.056
},
{
"year": "1973",
"value": 0.077
},
{
"year": "1974",
"value": -0.213
},
{
"year": "1975",
"value": -0.17
},
{
"year": "1976",
"value": -0.254
},
{
"year": "1977",
"value": 0.019
},
{
"year": "1978",
"value": -0.063
},
{
"year": "1979",
"value": 0.05
},
{
"year": "1980",
"value": 0.077
},
{
"year": "1981",
"value": 0.12
},
{
"year": "1982",
"value": 0.011
},
{
"year": "1983",
"value": 0.177
},
{
"year": "1984"
},
{
"year": "1985"
},
{
"year": "1986"
},
{
"year": "1987"
},
{
"year": "1988"
},
{
"year": "1989",
"value": 0.104
},
{
"year": "1990",
"value": 0.255
},
{
"year": "1991",
"value": 0.21
},
{
"year": "1992",
"value": 0.065
},
{
"year": "1993",
"value": 0.11
},
{
"year": "1994",
"value": 0.172
},
{
"year": "1995",
"value": 0.269
},
{
"year": "1996",
"value": 0.141
},
{
"year": "1997",
"value": 0.353
},
{
"year": "1998",
"value": 0.548
},
{
"year": "1999",
"value": 0.298
},
{
"year": "2000",
"value": 0.267
},
{
"year": "2001",
"value": 0.411
},
{
"year": "2002",
"value": 0.462
},
{
"year": "2003",
"value": 0.47
},
{
"year": "2004",
"value": 0.445
},
{
"year": "2005",
"value": 0.47
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.marginTop = 0;
chart.marginRight = 0;
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.dataDateFormat = "YYYY";
chart.balloon.cornerRadius = 6;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
categoryAxis.dashLength = 1;
categoryAxis.minorGridEnabled = true;
categoryAxis.axisColor = "#DADADA";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.dashLength = 1;
valueAxis.inside = true;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.lineColor = "#b6d278";
graph.negativeLineColor = "#487dac"; // this line makes the graph to change color when it drops below 0
graph.bullet = "round";
graph.bulletSize = 8;
graph.bulletBorderColor = "#FFFFFF";
graph.bulletBorderThickness = 2;
graph.bulletBorderAlpha = 1;
graph.connect = false; // this makes the graph not to connect data points if data is missing
graph.lineThickness = 2;
graph.valueField = "value";
graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]] C</span></b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "YYYY";
chartCursor.graphBulletSize = 2;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> pieWithLegend.html 0000644 00000010424 15167735342 0010200 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
var chart;
var legend;
var chartData = [
{
"country": "Czech Republic",
"litres": 156.9
},
{
"country": "Ireland",
"litres": 131.1
},
{
"country": "Germany",
"litres": 115.8
},
{
"country": "Australia",
"litres": 109.9
},
{
"country": "Austria",
"litres": 108.3
},
{
"country": "UK",
"litres": 65
},
{
"country": "Belgium",
"litres": 50
}
];
AmCharts.ready(function () {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "litres";
chart.gradientRatio = [0, 0, 0 ,-0.2, -0.4];
chart.gradientType = "radial";
// LEGEND
legend = new AmCharts.AmLegend();
legend.align = "center";
legend.markerType = "circle";
chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
// changes label position (labelRadius)
function setLabelPosition() {
if (document.getElementById("rb1").checked) {
chart.labelRadius = 30;
chart.labelText = "[[title]]: [[value]]";
} else {
chart.labelRadius = -30;
chart.labelText = "[[percents]]%";
}
chart.validateNow();
}
// makes chart 2D/3D
function set3D() {
if (document.getElementById("rb3").checked) {
chart.depth3D = 10;
chart.angle = 10;
} else {
chart.depth3D = 0;
chart.angle = 0;
}
chart.validateNow();
}
// changes switch of the legend (x or v)
function setSwitch() {
if (document.getElementById("rb5").checked) {
legend.switchType = "x";
} else {
legend.switchType = "v";
}
legend.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<table align="center" cellspacing="20">
<tr>
<td>
<input type="radio" checked="true" name="group" id="rb1" onclick="setLabelPosition()">labels outside
<input type="radio" name="group" id="rb2" onclick="setLabelPosition()">labels inside</td>
<td>
<input type="radio" name="group2" id="rb3" onclick="set3D()">3D
<input type="radio" checked="true" name="group2" id="rb4" onclick="set3D()">2D</td>
<td>Legend switch type:
<input type="radio" checked="true" name="group3" id="rb5"
onclick="setSwitch()">x
<input type="radio" name="group3" id="rb6" onclick="setSwitch()">v</td>
</tr>
</table>
</body>
</html> handDrawnChart.html 0000644 00000013723 15167735342 0010345 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
AmCharts.ready(function() {
makeLineChart();
makeBarChart();
});
//// BAR CHART
var barChartData = [{
"continent": "Australia",
"river": "Darling",
"length": 2739
}, {
"continent": "Europe",
"river": "Volga",
"length": 3692
}, {
"continent": "North America",
"river": "Mississippi",
"length": 6275
}, {
"continent": "Asia",
"river": "Yangtze",
"length": 6300
}, {
"continent": "South America",
"river": "Amazon",
"length": 6400
}, {
"continent": "Africa",
"river": "Nile",
"length": 6650
}];
function makeBarChart() {
// SERIAL CHART
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = barChartData;
chart.rotate = true;
chart.fontSize = 18;
chart.fontFamily = 'Covered By Your Grace';
chart.color = "#FFFFFF";
chart.categoryField = "continent";
chart.startDuration = 0;
chart.handDrawScatter = 3;
chart.columnWidth = 0.5;
chart.handDrawn = true;
var balloon = chart.balloon;
balloon.adjustBorderColor = false;
balloon.borderColor = "#000000";
balloon.fillColor = "#FFFFFF";
balloon.verticalPadding = 0;
var valueAxis = new AmCharts.ValueAxis();
valueAxis.minimum = 0;
valueAxis.axisColor = "#FFFFFF";
valueAxis.gridColor = "#FFFFFF";
chart.addValueAxis(valueAxis);
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 90;
categoryAxis.gridPosition = "start";
categoryAxis.axisColor = "#FFFFFF";
categoryAxis.gridColor = "#FFFFFF";
categoryAxis.gridAlpha = 0;
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "length";
graph.type = "column";
graph.balloonText = "<span style='font-size:14px'>[[category]]</span><br>[[river]]: [[value]] km.";
graph.lineAlpha = 0;
graph.lineColor = "#FFFFFF";
graph.fillAlphas = 0.8;
graph.lineThickness = 1;
graph.pattern = {
url: "patterns/chalk/pattern1.jpg",
width: 600,
height: 600,
randomY: 300
};
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
chart.write("columnChartDiv");
}
//// LINE CHART
var lineChartData = [{
"continent": "Australia",
"mountain": "Kosciusko",
"height": 2228
}, {
"continent": "Africa",
"mountain": "Kilimanjaro",
"height": 5895
}, {
"continent": "Antarctica",
"mountain": "Aconcagua",
"height": 4897
},
{
"continent": "Europe",
"mountain": "Elbrus",
"height": 5642
}, {
"continent": "Asia",
"mountain": "Everest",
"height": 8850
},
{
"continent": "South America",
"mountain": "Aconcagua",
"height": 6960
}, {
"continent": "North America",
"mountain": "McKinley",
"height": 6194
}
];
function makeLineChart() {
// SERIAL CHART
var lineChart = new AmCharts.AmSerialChart();
lineChart.dataProvider = lineChartData;
lineChart.fontSize = 18;
lineChart.fontFamily = 'Covered By Your Grace';
lineChart.color = "#FFFFFF";
lineChart.categoryField = "continent";
lineChart.marginLeft = 117;
lineChart.startDuration = 0;
lineChart.handDrawn = true;
lineChart.backgroundColor = "#2d2b2c";
var balloon = lineChart.balloon;
balloon.adjustBorderColor = false;
balloon.borderColor = "#000000";
balloon.fillColor = "#FFFFFF";
balloon.verticalPadding = 0;
var valueAxis = new AmCharts.ValueAxis();
valueAxis.minimum = 0;
valueAxis.ignoreAxisWidth = true;
valueAxis.axisColor = "#FFFFFF";
valueAxis.gridColor = "#FFFFFF";
lineChart.addValueAxis(valueAxis);
// AXES
// category
var categoryAxis = lineChart.categoryAxis;
categoryAxis.labelRotation = 90;
categoryAxis.gridPosition = "start";
categoryAxis.axisColor = "#FFFFFF";
categoryAxis.labelRotation = 45;
categoryAxis.gridAlpha = 0;
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "height";
graph.balloonText = "<span style='font-size:14px'>[[category]]</span><br>[[mountain]]: [[value]] m.";
graph.lineAlpha = 1;
graph.lineColor = "#FFFFFF";
graph.fillAlphas = 0.8;
graph.lineThickness = 4;
graph.bullet = "round";
graph.pattern = {
url: "patterns/chalk/pattern2.jpg",
width: 600,
height: 600
};
lineChart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
lineChart.addChartCursor(chartCursor);
lineChart.write("lineChartDiv");
}
</script>
</head>
<body style="background-image: url('images/board.jpg')">
<div id="lineChartDiv" style="position:absolute;top:100px;left:0px; width:550px; height:350px;"></div>
<div id="columnChartDiv" style="position:absolute;top:100px;left:550px; width:550px; height:308px;"></div>
</body>
</html> barStacked.html 0000644 00000016213 15167735342 0007515 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2003,
"europe": 2.5,
"namerica": 2.5,
"asia": 2.1,
"lamerica": 0.3,
"meast": 0.2,
"africa": 0.1
},
{
"year": 2004,
"europe": 2.6,
"namerica": 2.7,
"asia": 2.2,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
},
{
"year": 2005,
"europe": 2.8,
"namerica": 2.9,
"asia": 2.4,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
}
];
AmCharts.ready(function () {
// SERIALL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.plotAreaBorderAlpha = 0.2;
chart.rotate = true;
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "regular";
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPHS
// firstgraph
var graph = new AmCharts.AmGraph();
graph.title = "Europe";
graph.labelText = "[[value]]";
graph.valueField = "europe";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#C72C95";
graph.balloonText = "<b><span style='color:#C72C95'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "North America";
graph.labelText = "[[value]]";
graph.valueField = "namerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#D8E0BD";
graph.balloonText = "<b><span style='color:#afbb86'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.title = "Asia-Pacific";
graph.labelText = "[[value]]";
graph.valueField = "asia";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B3DBD4";
graph.balloonText = "<b><span style='color:#74bdb0'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// fourth graph
graph = new AmCharts.AmGraph();
graph.title = "Latin America";
graph.labelText = "[[value]]";
graph.valueField = "lamerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#69A55C";
graph.balloonText = "<b><span style='color:#69A55C'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// fifth graph
graph = new AmCharts.AmGraph();
graph.title = "Middle-East";
graph.labelText = "[[value]]";
graph.valueField = "meast";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B5B8D3";
graph.balloonText = "<b><span style='color:#7a81be'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// sixth graph
graph = new AmCharts.AmGraph();
graph.title = "Africa";
graph.labelText = "[[value]]";
graph.valueField = "africa";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#F4E23B";
graph.balloonText = "<b><span style='color:#c3b218'>[[title]]</b></span><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.labelPosition = "middle";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.position = "right";
legend.borderAlpha = 0.3;
legend.horizontalGap = 10;
legend.switchType = "v";
chart.addLegend(legend);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
// Make chart 2D/3D
function setDepth() {
if (document.getElementById("rb1").checked) {
chart.depth3D = 0;
chart.angle = 0;
} else {
chart.depth3D = 20;
chart.angle = 30;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<div style="margin-left:40px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setDepth()">2D
<input type="radio" name="group" id="rb2" onclick="setDepth()">3D
</div>
</body>
</html> _JSON_mekkoChart.html 0000644 00000004027 15167735342 0010532 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("chartdiv", {
"type": "serial",
"dataProvider": [{
"continent": "North America",
"trucks": 40000,
"SUVs": 180000,
"cars": 90000,
"total": 310000
}, {
"continent": "Asia",
"trucks": 90000,
"SUVs": 40000,
"cars": 110000,
"total": 240000
}, {
"continent": "Europe",
"trucks": 30000,
"SUVs": 50000,
"cars": 110000,
"total": 190000
}],
"categoryField": "continent",
"categoryAxis": {
"gridAlpha": 0.1,
"axisAlpha": 0,
"widthField": "total",
"gridPosition": "start"
},
"valueAxes": [{
"stackType": "100% stacked",
"gridAlpha": 0.1,
"unit": "%",
"axisAlpha": 0
}],
"graphs": [
{
"title": "Trucks",
"labelText": "[[value]]",
"valueField": "trucks",
"type": "column",
"fillAlphas": 1
}, {
"title": "SUVs",
"labelText": "[[value]]",
"valueField": "SUVs",
"type": "column",
"fillAlphas": 1
},
{
"title": "Cars",
"labelText": "[[value]]",
"valueField": "cars",
"type": "column",
"fillAlphas": 1
}
],
"legend": {}
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> style.css 0000644 00000000300 15167735342 0006424 0 ustar 00 body {
font-family: Tahoma,Arial,Verdana;
font-size: 12px;
color: black;
}
a:link {color: #84c4e2;}
a:visited {color:#84c4e2;}
a:hover {color: #cd82ad;}
a:active {color: #84c4e2;} column3DStacked.html 0000644 00000011176 15167735342 0010440 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"year2004": 3.5,
"year2005": 4.2
},
{
"country": "UK",
"year2004": 1.7,
"year2005": 3.1
},
{
"country": "Canada",
"year2004": 2.8,
"year2005": 2.9
},
{
"country": "Japan",
"year2004": 2.6,
"year2005": 2.3
},
{
"country": "France",
"year2004": 1.4,
"year2005": 2.1
},
{
"country": "Brazil",
"year2004": 2.6,
"year2005": 4.9
},
{
"country": "Russia",
"year2004": 6.4,
"year2005": 7.2
},
{
"country": "India",
"year2004": 8,
"year2005": 7.1
},
{
"country": "China",
"year2004": 9.9,
"year2005": 10.1
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.color = "#FFFFFF";
chart.fontSize = 14;
chart.startDuration = 1;
chart.plotAreaFillAlphas = 0.2;
// the following two lines makes chart 3D
chart.angle = 30;
chart.depth3D = 60;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.2;
categoryAxis.gridPosition = "start";
categoryAxis.gridColor = "#FFFFFF";
categoryAxis.axisColor = "#FFFFFF";
categoryAxis.axisAlpha = 0.5;
categoryAxis.dashLength = 5;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "3d"; // This line makes chart 3D stacked (columns are placed one behind another)
valueAxis.gridAlpha = 0.2;
valueAxis.gridColor = "#FFFFFF";
valueAxis.axisColor = "#FFFFFF";
valueAxis.axisAlpha = 0.5;
valueAxis.dashLength = 5;
valueAxis.title = "GDP growth rate";
valueAxis.titleColor = "#FFFFFF";
valueAxis.unit = "%";
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph1 = new AmCharts.AmGraph();
graph1.title = "2004";
graph1.valueField = "year2004";
graph1.type = "column";
graph1.lineAlpha = 0;
graph1.lineColor = "#D2CB00";
graph1.fillAlphas = 1;
graph1.balloonText = "GDP grow in [[category]] (2004): <b>[[value]]</b>";
chart.addGraph(graph1);
// second graph
var graph2 = new AmCharts.AmGraph();
graph2.title = "2005";
graph2.valueField = "year2005";
graph2.type = "column";
graph2.lineAlpha = 0;
graph2.lineColor = "#BEDF66";
graph2.fillAlphas = 1;
graph2.balloonText = "GDP grow in [[category]] (2005): <b>[[value]]</b>";
chart.addGraph(graph2);
chart.write("chartdiv");
});
</script>
</head>
<body style="background-color:#000000;">
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> _CSS_animations.html 0000644 00000023017 15167735342 0010463 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<style type="text/css">
.amcharts-map-line {
stroke-dasharray: 2px 2px;
stroke-linejoin: round;
stroke-linecap: round;
-webkit-animation: am-moving-dashes 3s linear infinite;
animation: am-moving-dashes 3s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset: -30px;
}
}
@keyframes am-moving-dashes {
100% {
stroke-dashoffset: -30px;
}
}
.amcharts-map-image-london {
-webkit-animation: am-pulsating 1s ease-out infinite;
animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
0% {
transform: scale(0);
opacity:1;
}
100% {
transform: scale(4);
opacity:0;
}
}
@keyframes am-pulsating {
0% {
transform: scale(0);
opacity:1;
}
100% {
transform: scale(4);
opacity:0;
}
}
.amcharts-map-area:hover {
fill: #93c765;
stroke: #93c765;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
</style>
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
AmCharts.makeChart("mapdiv", {
type: "map",
addClassNames:true,
dataProvider: {
map: "worldLow",
getAreasFromMap:true,
linkToObject: "london",
images: [{
id: "london",
color: "#000000",
type: "circle",
title: "London",
latitude: 51.5002,
longitude: -0.1262,
scale: 1.5,
zoomLevel: 2.74,
zoomLongitude: -20.1341,
zoomLatitude: 49.1712,
lines: [{
latitudes: [51.5002, 50.4422],
longitudes: [-0.1262, 30.5367]
}, {
latitudes: [51.5002, 46.9480],
longitudes: [-0.1262, 7.4481]
}, {
latitudes: [51.5002, 59.3328],
longitudes: [-0.1262, 18.0645]
}, {
latitudes: [51.5002, 40.4167],
longitudes: [-0.1262, -3.7033]
}, {
latitudes: [51.5002, 46.0514],
longitudes: [-0.1262, 14.5060]
}, {
latitudes: [51.5002, 48.2116],
longitudes: [-0.1262, 17.1547]
}, {
latitudes: [51.5002, 44.8048],
longitudes: [-0.1262, 20.4781]
}, {
latitudes: [51.5002, 55.7558],
longitudes: [-0.1262, 37.6176]
}, {
latitudes: [51.5002, 38.7072],
longitudes: [-0.1262, -9.1355]
}, {
latitudes: [51.5002, 54.6896],
longitudes: [-0.1262, 25.2799]
}, {
latitudes: [51.5002, 64.1353],
longitudes: [-0.1262, -21.8952]
}, {
latitudes: [51.5002, 40.4300],
longitudes: [-0.1262, -74.0000]
}],
images: [{
label: "Flights from London",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from Vilnius",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "vilnius"
}]
},
{
id: "vilnius",
color: "#000000",
svgPath: targetSVG,
title: "Vilnius",
latitude: 54.6896,
longitude: 25.2799,
scale: 1.5,
zoomLevel: 4.92,
zoomLongitude: 15.4492,
zoomLatitude: 50.2631,
lines: [{
latitudes: [54.6896, 50.8371],
longitudes: [25.2799, 4.3676]
}, {
latitudes: [54.6896, 59.9138],
longitudes: [25.2799, 10.7387]
}, {
latitudes: [54.6896, 40.4167],
longitudes: [25.2799, -3.7033]
}, {
latitudes: [54.6896, 50.0878],
longitudes: [25.2799, 14.4205]
}, {
latitudes: [54.6896, 48.2116],
longitudes: [25.2799, 17.1547]
}, {
latitudes: [54.6896, 44.8048],
longitudes: [25.2799, 20.4781]
}, {
latitudes: [54.6896, 55.7558],
longitudes: [25.2799, 37.6176]
}, {
latitudes: [54.6896, 37.9792],
longitudes: [25.2799, 23.7166]
}, {
latitudes: [54.6896, 54.6896],
longitudes: [25.2799, 25.2799]
}, {
latitudes: [54.6896, 51.5002],
longitudes: [25.2799, -0.1262]
}, {
latitudes: [54.6896, 53.3441],
longitudes: [25.2799, -6.2675]
}],
images: [{
label: "Flights from Vilnius",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from London",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "london"
}]
}, {
svgPath: targetSVG,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676
}, {
svgPath: targetSVG,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205
}, {
svgPath: targetSVG,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166
}, {
svgPath: targetSVG,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952
}, {
svgPath: targetSVG,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675
}, {
svgPath: targetSVG,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387
}, {
svgPath: targetSVG,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355
}, {
svgPath: targetSVG,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176
}, {
svgPath: targetSVG,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781
}, {
svgPath: targetSVG,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547
}, {
svgPath: targetSVG,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060
}, {
svgPath: targetSVG,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033
}, {
svgPath: targetSVG,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645
}, {
svgPath: targetSVG,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481
}, {
svgPath: targetSVG,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367
}, {
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "New York",
latitude: 40.43,
longitude: -74
}
]
},
areasSettings: {
unlistedAreasColor: "#FFCC00"
},
imagesSettings: {
color: "#CC0000",
rollOverColor: "#CC0000",
selectedColor: "#000000"
},
linesSettings: {
color: "#CC0000",
alpha: 0.4
},
backgroundZoomsToTop: true,
linesAboveImages: true
});
</script>
</head>
<body>
<div class="ammapAlert">Attention! CSS animations of SVG elements do not work on any version of IE</div>
<div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> columnSimple.html 0000644 00000010051 15167735342 0010113 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"visits": 4025
},
{
"country": "China",
"visits": 1882
},
{
"country": "Japan",
"visits": 1809
},
{
"country": "Germany",
"visits": 1322
},
{
"country": "UK",
"visits": 1122
},
{
"country": "France",
"visits": 1114
},
{
"country": "India",
"visits": 984
},
{
"country": "Spain",
"visits": 711
},
{
"country": "Netherlands",
"visits": 665
},
{
"country": "Russia",
"visits": 580
},
{
"country": "South Korea",
"visits": 443
},
{
"country": "Canada",
"visits": 441
},
{
"country": "Brazil",
"visits": 395
},
{
"country": "Italy",
"visits": 386
},
{
"country": "Australia",
"visits": 384
},
{
"country": "Taiwan",
"visits": 338
},
{
"country": "Poland",
"visits": 328
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 1;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 90;
categoryAxis.gridPosition = "start";
// value
// in case you don't want to change default settings of value axis,
// you don't need to create it, as one value axis is created automatically.
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "visits";
graph.balloonText = "[[category]]: <b>[[value]]</b>";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 0.8;
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> lineWithTrendLines.html 0000644 00000015315 15167735342 0011227 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"date": "2012-01-01",
"value": 8
},
{
"date": "2012-01-02",
"value": 10
},
{
"date": "2012-01-03",
"value": 12
},
{
"date": "2012-01-04",
"value": 14
},
{
"date": "2012-01-05",
"value": 11
},
{
"date": "2012-01-06",
"value": 6
},
{
"date": "2012-01-07",
"value": 7
},
{
"date": "2012-01-08",
"value": 9
},
{
"date": "2012-01-09",
"value": 13
},
{
"date": "2012-01-10",
"value": 15
},
{
"date": "2012-01-11",
"value": 19
},
{
"date": "2012-01-12",
"value": 21
},
{
"date": "2012-01-13",
"value": 22
},
{
"date": "2012-01-14",
"value": 20
},
{
"date": "2012-01-15",
"value": 18
},
{
"date": "2012-01-16",
"value": 14
},
{
"date": "2012-01-17",
"value": 16
},
{
"date": "2012-01-18",
"value": 18
},
{
"date": "2012-01-19",
"value": 17
},
{
"date": "2012-01-20",
"value": 15
},
{
"date": "2012-01-21",
"value": 12
},
{
"date": "2012-01-22",
"value": 10
},
{
"date": "2012-01-23",
"value": 8
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.dataDateFormat = "YYYY-MM-DD";
chart.categoryField = "date";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.gridAlpha = 0.1;
categoryAxis.minorGridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.minorGridEnabled = true;
categoryAxis.inside = true;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.tickLength = 0;
valueAxis.axisAlpha = 0;
valueAxis.showFirstLabel = false;
valueAxis.showLastLabel = false;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.dashLength = 3;
graph.lineColor = "#00CC00";
graph.valueField = "value";
graph.dashLength = 3;
graph.bullet = "round";
graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>value:[[value]]</span></b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.valueLineEnabled = true;
chartCursor.valueLineBalloonEnabled = true;
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// HORIZONTAL GREEN RANGE
var guide = new AmCharts.Guide();
guide.value = 10;
guide.toValue = 20;
guide.fillColor = "#00CC00";
guide.inside = true;
guide.fillAlpha = 0.2;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
// TREND LINES
// first trend line
var trendLine = new AmCharts.TrendLine();
// note,when creating date objects 0 month is January, as months are zero based in JavaScript.
trendLine.initialDate = new Date(2012, 0, 2, 12); // 12 is hour - to start trend line in the middle of the day
trendLine.finalDate = new Date(2012, 0, 11, 12);
trendLine.initialValue = 10;
trendLine.finalValue = 19;
trendLine.lineColor = "#CC0000";
chart.addTrendLine(trendLine);
// second trend line
trendLine = new AmCharts.TrendLine();
trendLine.initialDate = new Date(2012, 0, 17, 12);
trendLine.finalDate = new Date(2012, 0, 22, 12);
trendLine.initialValue = 16;
trendLine.finalValue = 10;
trendLine.lineColor = "#CC0000";
chart.addTrendLine(trendLine);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 450px;"></div>
</body>
</html> _JSON_ganttDateBased.html 0000644 00000005513 15167735342 0011315 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/gantt.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "gantt",
"period": "DD",
"valueAxis": {
"type": "date"
},
"brightnessStep": 10,
"graph": {
"fillAlphas": 1,
"balloonText": "[[open]] - [[value]]"
},
"rotate": true,
"categoryField": "category",
"segmentsField": "segments",
"dataDateFormat": "YYYY-MM-DD",
"startDateField": "start",
"endDateField": "end",
"dataProvider": [{
"category": "John",
"segments": [{
"start": "2015-01-02",
"end": "2015-01-03"
}, {
"start": "2015-01-04",
"end": "2015-01-05"
}, {
"start": "2015-01-07",
"end": "2015-01-10"
}]
}, {
"category": "Smith",
"segments": [{
"start": "2015-01-01",
"end": "2015-01-02"
}, {
"start": "2015-01-10",
"end": "2015-01-15"
}]
}, {
"category": "Ben",
"segments": [{
"start": "2015-01-06",
"end": "2015-01-09"
}, {
"start": "2015-01-11",
"end": "2015-01-18"
}, {
"start": "2015-01-22",
"end": "2015-01-21"
}]
}],
"chartCursor": {
"valueBalloonsEnabled": false,
"cursorAlpha": 0,
"valueLineBalloonEnabled": true,
"valueLineEnabled": true,
"valueZoomable":true,
"zoomable":false
},
"valueScrollbar": {
"position":"top",
"autoGridCount":true,
"color":"#000000"
}
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> pie3D.html 0000644 00000004121 15167735342 0006411 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
var chart;
var legend;
var chartData = [
{
"country": "Lithuania",
"value": 260
},
{
"country": "Ireland",
"value": 201
},
{
"country": "Germany",
"value": 65
},
{
"country": "Australia",
"value": 39
},
{
"country": "UK",
"value": 19
},
{
"country": "Latvia",
"value": 10
}
];
AmCharts.ready(function () {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "value";
chart.outlineColor = "#FFFFFF";
chart.outlineAlpha = 0.8;
chart.outlineThickness = 2;
chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
// this makes the chart 3D
chart.depth3D = 15;
chart.angle = 30;
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> bulletChart.html 0000644 00000013440 15167735342 0007722 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"category": "Evaluation",
"excelent": 20,
"good": 20,
"average": 20,
"poor": 20,
"bad": 20,
"limit": 78,
"full": 100,
"bullet": 65
}
];
AmCharts.ready(function () {
// FIRST BULLET CHART
// bullet chart is a simple serial chart
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "category";
chart.rotate = true; // if you want vertical bullet chart, set rotate to false
chart.columnWidth = 1;
chart.startDuration = 1;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.maximum = 100;
valueAxis.axisAlpha = 1;
valueAxis.gridAlpha = 0;
valueAxis.stackType = "regular"; // we use stacked graphs to make color fills
chart.addValueAxis(valueAxis);
// this graph displays the short dash, which usually indicates maximum value reached.
var graph = new AmCharts.AmGraph();
graph.valueField = "limit";
graph.lineColor = "#000000";
// it's a step line with no risers
graph.type = "step";
graph.noStepRisers = true;
graph.lineAlpha = 1;
graph.lineThickness = 3;
graph.columnWidth = 0.5; // change this if you want wider dash
graph.stackable = false; // this graph shouldn't be stacked
chart.addGraph(graph);
// The following graphs produce color bands
graph = new AmCharts.AmGraph();
graph.valueField = "excelent";
graph.lineColor = "#19d228";
graph.showBalloon = false;
graph.type = "column";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
graph = new AmCharts.AmGraph();
graph.valueField = "good";
graph.lineColor = "#b4dd1e";
graph.showBalloon = false;
graph.type = "column";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
graph = new AmCharts.AmGraph();
graph.valueField = "average";
graph.lineColor = "#f4fb16";
graph.showBalloon = false;
graph.type = "column";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
graph = new AmCharts.AmGraph();
graph.valueField = "poor";
graph.lineColor = "#f6d32b";
graph.showBalloon = false;
graph.type = "column";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
graph = new AmCharts.AmGraph();
graph.valueField = "bad";
graph.lineColor = "#fb7116";
graph.showBalloon = false;
graph.type = "column";
graph.fillAlphas = 0.8;
chart.addGraph(graph);
// this is the "bullet" graph - black bar showing current value
graph = new AmCharts.AmGraph();
graph.valueField = "bullet";
graph.lineColor = "#000000";
graph.type = "column";
graph.lineAlpha = 1;
graph.fillAlphas = 1;
graph.columnWidth = 0.3; // this makes it narrower than color graphs
graph.stackable = false; // bullet graph should not stack
graph.clustered = false; // this makes the trick - one column above another
chart.addGraph(graph);
// WRITE
chart.write("chartdiv");
// SECOND BULLET CHART
// bullet chart is a simple serial chart
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "category";
chart.rotate = false; // if you want horizontal bullet chart, set rotate to true
chart.columnWidth = 1;
chart.startDuration = 1;
// AXES
// category
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
// value
valueAxis = new AmCharts.ValueAxis();
valueAxis.maximum = 100;
valueAxis.minimum = 0;
valueAxis.axisAlpha = 1;
valueAxis.gridAlpha = 0;
chart.addValueAxis(valueAxis);
// this graph displays the short dash, which usually indicates maximum value reached.
graph = new AmCharts.AmGraph();
graph.valueField = "limit";
graph.lineColor = "#000000";
graph.type = "step";
graph.noStepRisers = true;
graph.lineAlpha = 1;
graph.lineThickness = 3;
graph.columnWidth = 0.5;
graph.stackable = false;
chart.addGraph(graph);
// this is the color range graph.
// we use only one graph here (not like in the first example, and set gradient fill)
graph = new AmCharts.AmGraph();
graph.valueField = "full";
graph.showBalloon = false;
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 0.8;
graph.fillColors = ["#19d228", "#f6d32b", "#fb2316"];
graph.gradientOrientation = "vertical";
chart.addGraph(graph);
// this is the "bullet" graph - black bar showing current value
graph = new AmCharts.AmGraph();
graph.valueField = "bullet";
graph.lineColor = "#000000";
graph.type = "column";
graph.lineAlpha = 1;
graph.fillAlphas = 1;
graph.columnWidth = 0.3; // this makes it narrower than color graph
graph.clustered = false; // this makes the trick - one column above another
chart.addGraph(graph);
// WRITE
chart.write("chartdiv2");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 100px;"></div>
<div id="chartdiv2" style="width: 120px; height: 600px;"></div>
</body>
</html> candleStick.html 0000644 00000036165 15167735342 0007706 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var graph;
var graphType = "candlestick";
var maxCandlesticks = 100;
var dataString = "2008-05-02,180.19,181.92,178.55,180.94\n2008-05-01,174.96,180.00,174.86,180.00\n2008-04-30,176.19,180.00,172.92,173.95\n2008-04-29,171.11,175.66,170.25,175.05\n2008-04-28,169.75,173.75,169.13,172.24\n2008-04-25,170.70,171.10,166.42,169.73\n2008-04-24,165.34,169.98,159.19,168.94\n2008-04-23,164.05,164.84,161.08,162.89\n2008-04-22,167.40,168.00,158.09,160.20\n2008-04-21,162.21,168.50,161.76,168.16\n2008-04-18,159.12,162.26,158.38,161.04\n2008-04-17,154.17,156.00,153.35,154.49\n2008-04-16,151.72,154.10,150.62,153.70\n2008-04-15,149.40,149.72,145.72,148.38\n2008-04-14,146.77,149.25,144.54,147.78\n2008-04-11,152.72,153.30,146.40,147.14\n2008-04-10,151.13,155.42,150.60,154.55\n2008-04-09,153.31,153.89,150.46,151.44\n2008-04-08,153.55,156.45,152.32,152.84\n2008-04-07,156.13,159.69,155.11,155.89\n2008-04-04,152.19,154.71,150.75,153.08\n2008-04-03,147.06,153.63,147.00,151.61\n2008-04-02,148.78,151.20,145.85,147.49\n2008-04-01,146.30,149.66,143.61,149.53\n2008-03-31,143.27,145.71,142.52,143.50\n2008-03-28,141.80,144.65,141.60,143.01\n2008-03-27,144.95,145.31,139.99,140.25\n2008-03-26,140.87,145.74,140.64,145.06\n2008-03-25,139.96,143.10,137.33,140.98\n2008-03-24,134.01,140.85,133.64,139.53\n2008-03-20,131.12,133.29,129.18,133.27\n2008-03-19,133.12,134.29,129.67,129.67\n2008-03-18,129.18,133.00,128.67,132.82\n2008-03-17,122.55,128.59,122.55,126.73\n2008-03-14,129.88,130.30,124.20,126.61\n2008-03-13,124.10,129.50,123.00,127.94\n2008-03-12,127.04,128.68,125.17,126.03\n2008-03-11,124.10,127.48,122.00,127.35\n2008-03-10,121.98,123.46,119.37,119.69\n2008-03-07,120.41,122.98,119.05,122.25\n2008-03-06,124.61,127.50,120.81,120.93\n2008-03-05,123.58,125.14,122.25,124.49\n2008-03-04,121.99,124.88,120.40,124.62\n2008-03-03,124.44,125.98,118.00,121.73\n2008-02-29,129.29,130.21,124.80,125.02\n2008-02-28,127.20,132.20,125.77,129.91\n2008-02-27,118.23,123.05,118.09,122.96\n2008-02-26,117.64,121.09,115.44,119.15\n2008-02-25,118.59,120.17,116.66,119.74\n2008-02-22,122.48,122.51,115.87,119.46\n2008-02-21,126.05,126.47,120.86,121.54\n2008-02-20,122.20,124.60,121.68,123.82\n2008-02-19,125.99,126.75,121.44,122.18\n2008-02-15,126.27,127.08,124.06,124.63\n2008-02-14,129.40,130.80,127.01,127.46\n2008-02-13,126.68,129.78,125.63,129.40\n2008-02-12,130.70,131.00,123.62,124.86\n2008-02-11,128.01,129.98,127.20,129.45\n2008-02-08,122.08,125.70,121.60,125.48\n2008-02-07,119.97,124.78,117.27,121.24\n2008-02-06,130.83,131.92,121.77,122.00\n2008-02-05,130.43,134.00,128.90,129.36\n2008-02-04,134.21,135.90,131.42,131.65\n2008-02-01,136.24,136.59,132.18,133.75\n2008-01-31,129.45,136.65,129.40,135.36\n2008-01-30,131.37,135.45,130.00,132.18\n2008-01-29,131.15,132.79,129.05,131.54\n2008-01-28,128.16,133.20,126.45,130.01\n2008-01-25,138.99,139.09,129.61,130.01\n2008-01-24,139.99,140.70,132.01,135.60\n2008-01-23,136.19,140.00,126.14,139.07\n2008-01-22,148.06,159.98,146.00,155.64\n2008-01-18,161.71,165.75,159.61,161.36\n2008-01-17,161.51,165.36,158.42,160.89\n2008-01-16,165.23,169.01,156.70,159.64\n2008-01-15,177.72,179.22,164.66,169.04\n2008-01-14,177.52,179.42,175.17,178.78\n2008-01-11,176.00,177.85,170.00,172.69\n2008-01-10,177.58,181.00,175.41,178.02\n2008-01-09,171.30,179.50,168.30,179.40\n2008-01-08,180.14,182.46,170.80,171.25\n2008-01-07,181.25,183.60,170.23,177.64\n2008-01-04,191.45,193.00,178.89,180.05\n2008-01-03,195.41,197.39,192.69,194.93\n2008-01-02,199.27,200.26,192.55,194.84\n2007-12-31,199.50,200.50,197.75,198.08\n2007-12-28,200.59,201.56,196.88,199.83\n2007-12-27,198.95,202.96,197.80,198.57\n2007-12-26,199.01,200.96,196.82,198.95\n2007-12-24,195.03,199.33,194.79,198.80\n2007-12-21,190.12,193.91,189.89,193.91\n2007-12-20,185.43,187.83,183.33,187.21\n2007-12-19,182.98,184.64,180.90,183.12\n2007-12-18,186.52,187.33,178.60,182.98\n2007-12-17,190.72,192.65,182.98,184.40\n2007-12-14,190.37,193.20,189.54,190.39\n2007-12-13,190.19,192.12,187.82,191.83\n2007-12-12,193.44,194.48,185.76,190.86\n2007-12-11,194.75,196.83,187.39,188.54\n2007-12-10,193.59,195.66,192.69,194.21\n2007-12-07,190.54,194.99,188.04,194.30\n2007-12-06,186.19,190.10,186.12,189.95\n2007-12-05,182.89,186.00,182.41,185.50\n2007-12-04,177.15,180.90,176.99,179.81\n2007-12-03,181.86,184.14,177.70,178.86\n2007-11-30,187.34,187.70,179.70,182.22\n2007-11-29,179.43,185.17,179.15,184.29\n2007-11-28,176.82,180.60,175.35,180.22\n2007-11-27,175.22,175.79,170.01,174.81\n2007-11-26,173.59,177.27,172.35,172.54\n2007-11-23,172.00,172.05,169.75,171.54\n2007-11-21,165.84,172.35,164.67,168.46\n2007-11-20,165.67,171.79,163.53,168.85\n2007-11-19,166.10,168.20,162.10,163.95\n2007-11-16,165.30,167.02,159.33,166.39\n2007-11-15,166.39,169.59,160.30,164.30\n2007-11-14,177.16,177.57,163.74,166.11\n2007-11-13,160.85,170.98,153.76,169.96\n2007-11-12,165.28,167.70,150.63,153.76\n2007-11-09,171.15,175.12,165.21,165.37\n2007-11-08,186.67,186.90,167.77,175.47\n2007-11-07,190.61,192.68,186.13,186.30\n2007-11-06,187.05,192.00,185.27,191.79\n2007-11-05,185.29,188.96,184.24,186.18\n2007-11-02,189.21,189.44,183.49,187.87\n2007-11-01,188.60,190.10,180.00,187.44\n2007-10-31,187.63,190.12,184.95,189.95\n2007-10-30,186.18,189.37,184.73,187.00\n2007-10-29,185.45,186.59,184.70,185.09\n2007-10-26,185.29,185.37,182.88,184.70\n2007-10-25,184.87,185.90,181.66,182.78\n2007-10-24,185.81,187.21,179.24,185.93\n2007-10-23,188.56,188.60,182.76,186.16\n2007-10-22,170.35,174.90,169.96,174.36\n2007-10-19,174.24,174.63,170.00,170.42\n2007-10-18,171.50,174.19,171.05,173.50\n2007-10-17,172.69,173.04,169.18,172.75\n2007-10-16,165.54,170.18,165.15,169.58\n2007-10-15,167.98,169.57,163.50,166.98\n2007-10-12,163.01,167.28,161.80,167.25\n2007-10-11,169.49,171.88,153.21,162.23\n2007-10-10,167.55,167.88,165.60,166.79\n2007-10-09,170.20,171.11,166.68,167.86\n2007-10-08,163.49,167.91,162.97,167.91\n2007-10-05,158.37,161.58,157.70,161.45\n2007-10-04,158.00,158.08,153.50,156.24\n2007-10-03,157.78,159.18,157.01,157.92\n2007-10-02,156.55,158.59,155.89,158.45\n2007-10-01,154.63,157.41,152.93,156.34\n2007-09-28,153.44,154.60,152.75,153.47\n2007-09-27,153.77,154.52,152.32,154.50\n2007-09-26,154.47,155.00,151.25,152.77\n2007-09-25,146.84,153.22,146.82,153.18\n2007-09-24,146.73,149.85,146.65,148.28\n2007-09-21,141.14,144.65,140.31,144.15\n2007-09-20,140.15,141.79,139.32,140.31\n2007-09-19,143.02,143.16,139.40,140.77\n2007-09-18,139.06,142.85,137.83,140.92\n2007-09-17,138.99,140.59,137.60,138.41\n2007-09-14,136.57,138.98,136.20,138.81\n2007-09-13,138.83,139.00,136.65,137.20\n2007-09-12,135.99,139.40,135.75,136.85\n2007-09-11,137.90,138.30,133.75,135.49\n2007-09-10,136.99,138.04,133.95,136.71\n2007-09-07,132.01,132.30,130.00,131.77\n2007-09-06,135.56,137.57,132.71,135.01\n2007-09-05,144.97,145.84,136.10,136.76\n2007-09-04,139.94,145.73,139.84,144.16\n2007-08-31,139.49,139.65,137.41,138.48\n2007-08-30,132.67,138.25,132.30,136.25\n2007-08-29,129.88,134.18,129.54,134.08\n2007-08-28,130.99,132.41,126.63,126.82\n2007-08-27,133.39,134.66,132.10,132.25\n2007-08-24,130.53,135.37,129.81,135.30\n2007-08-23,133.09,133.34,129.76,131.07\n2007-08-22,131.22,132.75,130.33,132.51\n2007-08-21,122.21,128.96,121.00,127.57\n2007-08-20,123.96,124.50,120.50,122.22\n2007-08-17,122.01,123.50,119.82,122.06\n2007-08-16,117.01,118.50,111.62,117.05\n2007-08-15,122.74,124.86,119.65,119.90\n2007-08-14,128.29,128.30,123.71,124.03\n2007-08-13,128.32,129.35,126.50,127.79\n2007-08-10,123.12,127.75,120.30,125.00\n2007-08-09,131.11,133.00,125.09,126.39\n2007-08-08,136.76,136.86,132.00,134.01\n2007-08-07,134.94,137.24,132.63,135.03\n2007-08-06,132.90,135.27,128.30,135.25\n2007-08-03,135.26,135.95,131.50,131.85\n2007-08-02,136.65,136.96,134.15,136.49";
var chartData = [];
AmCharts.ready(function () {
// first parse data string
parseData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
// listen for dataUpdated event ad call "zoom" method then it happens
chart.addListener('dataUpdated', zoomChart);
// listen for zoomed event andcall "handleZoom" method then it happens
chart.addListener('zoomed', handleZoom);
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set this to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to "DD"
categoryAxis.dashLength = 1;
categoryAxis.inside = true;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.title = "Price:";
// as candlestick graph looks bad when there are a lot of candlesticks, we set initial type to "line"
graph.type = "line";
// graph colors
graph.lineColor = "#7f8da9";
graph.fillColors = "#7f8da9";
graph.negativeLineColor = "#db4c3c";
graph.negativeFillColors = "#db4c3c";
graph.fillAlphas = 1;
// candlestick graph has 4 fields - open, low, high, close
graph.openField = "open";
graph.highField = "high";
graph.lowField = "low";
graph.closeField = "close";
graph.balloonText = "Open:<b>[[open]]</b><br>Low:<b>[[low]]</b><br>High:<b>[[high]]</b><br>Close:<b>[[close]]</b><br>";
// this one is for "line" graph type
graph.valueField = "close";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.scrollbarHeight = 30;
chartScrollbar.graph = graph; // as we want graph to be displayed in the scrollbar, we set graph here
chartScrollbar.graphType = "line"; // we don't want candlesticks to be displayed in the scrollbar
chartScrollbar.gridCount = 4;
chartScrollbar.color = "#FFFFFF";
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 7, chartData.length - 1);
}
// this methid is called each time the selected period of the chart is changed
function handleZoom(event) {
var startDate = event.startDate;
var endDate = event.endDate;
document.getElementById("startDate").value = AmCharts.formatDate(startDate, "DD/MM/YYYY");
document.getElementById("endDate").value = AmCharts.formatDate(endDate, "DD/MM/YYYY");
// as we also want to change graph type depending on the selected period, we call this method
changeGraphType(event);
}
// changes graph type to line/candlestick, depending on the selected range
function changeGraphType(event) {
var startIndex = event.startIndex;
var endIndex = event.endIndex;
if (endIndex - startIndex > maxCandlesticks) {
// change graph type
if (graph.type != "line") {
graph.type = "line";
graph.fillAlphas = 0;
chart.validateNow();
}
} else {
// change graph type
if (graph.type != graphType) {
graph.type = graphType;
graph.fillAlphas = 1;
chart.validateNow();
}
}
}
// Parse data
function parseData() {
// split data string into array
var rowArray = dataString.split("\n");
// loop through this array and create data items
for (var i = rowArray.length - 1; i > -1; i--) {
var row = rowArray[i].split(",");
var dateArray = row[0].split("-");
// we have to subtract 1 from month, as months in javascript are zero-based
var date = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]));
var open = row[1];
var high = row[2];
var low = row[3];
var close = row[4];
chartData.push({
date: date,
open: open,
high: high,
low: low,
close: close
});
}
}
// this method converts string from input fields to date object
function stringToDate(str) {
var dArr = str.split("/");
var date = new Date(Number(dArr[2]), Number(dArr[1]) - 1, dArr[0]);
return date;
}
// this method is called when user changes dates in the input field
function changeZoomDates() {
var startDateString = document.getElementById("startDate").value;
var endDateString = document.getElementById("endDate").value;
var startDate = stringToDate(startDateString);
var endDate = stringToDate(endDateString);
chart.zoomToDates(startDate, endDate);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
<div style="float:right;margin-right:20px;">
<input onChange="changeZoomDates()" style="width:100px; text-align:center"
type="text" id="startDate">-
<input onChange="changeZoomDates()" style="width:100px; text-align:center"
type="text" id="endDate"></div>
</body>
</html> radarPolar.html 0000644 00000007120 15167735342 0007536 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/radar.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"direction": "N",
"value": 8
},
{
"direction": "NE",
"value": 9
},
{
"direction": "E",
"value": 4.5
},
{
"direction": "SE",
"value": 3.5
},
{
"direction": "S",
"value": 9.2
},
{
"direction": "SW",
"value": 8.4
},
{
"direction": "W",
"value": 11.1
},
{
"direction": "NW",
"value": 10
}
];
AmCharts.ready(function () {
// RADAR CHART
chart = new AmCharts.AmRadarChart();
chart.dataProvider = chartData;
chart.categoryField = "direction";
chart.startDuration = 1;
// TITLE
chart.addTitle("Prevailing winds", 15);
// VALUE AXIS
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridType = "circles";
valueAxis.fillAlpha = 0.05;
valueAxis.fillColor = "#000000";
valueAxis.axisAlpha = 0.2;
valueAxis.gridAlpha = 0;
valueAxis.fontWeight = "bold";
valueAxis.minimum = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.lineColor = "#FFCC00";
graph.fillAlphas = 0.4;
graph.bullet = "round";
graph.valueField = "value";
graph.balloonText = "[[category]]: [[value]] m/s";
chart.addGraph(graph);
// GUIDES
// blue fill
var guide = new AmCharts.Guide();
guide.angle = 225;
guide.tickLength = 0;
guide.toAngle = 315;
guide.value = 0;
guide.toValue = 14;
guide.fillColor = "#0066CC";
guide.fillAlpha = 0.6;
valueAxis.addGuide(guide);
// red fill
guide = new AmCharts.Guide();
guide.angle = 45;
guide.tickLength = 0;
guide.toAngle = 135;
guide.value = 0;
guide.toValue = 14;
guide.fillColor = "#CC3333";
guide.fillAlpha = 0.6;
valueAxis.addGuide(guide);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:600px; height:400px;"></div>
</body>
</html> _JSON_xyWithGuides.html 0000644 00000007550 15167735342 0011103 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "xy",
"startDuration": 1.5,
"trendLines": [],
"graphs": [
{
"balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
"bullet": "diamond",
"id": "AmGraph-1",
"lineAlpha": 0,
"lineColor": "#b0de09",
"valueField": "value",
"xField": "x",
"yField": "y"
},
{
"balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
"bullet": "round",
"id": "AmGraph-2",
"lineAlpha": 0,
"lineColor": "#fcd202",
"valueField": "value2",
"xField": "x2",
"yField": "y2"
}
],
"guides": [
{
"fillAlpha": 0.3,
"fillColor": "#ff8000",
"id": "Guide-1",
"toValue": -2,
"value": -8,
"valueAxis": "ValueAxis-2"
}
],
"valueAxes": [
{
"id": "ValueAxis-1",
"axisAlpha": 0
},
{
"id": "ValueAxis-2",
"axisAlpha": 0,
"position": "bottom"
}
],
"allLabels": [],
"balloon": {},
"titles": [],
"chartScrollbar":{},
"dataProvider": [
{
"y": 10,
"x": 14,
"value": 59,
"y2": -5,
"x2": -3,
"value2": 44
},
{
"y": 5,
"x": 3,
"value": 50,
"y2": -15,
"x2": -8,
"value2": 12
},
{
"y": -10,
"x": -3,
"value": 19,
"y2": -4,
"x2": 6,
"value2": 35
},
{
"y": -6,
"x": 5,
"value": 65,
"y2": -5,
"x2": -6,
"value2": 168
},
{
"y": 15,
"x": -4,
"value": 92,
"y2": -10,
"x2": -8,
"value2": 102
},
{
"y": 13,
"x": 1,
"value": 8,
"y2": -2,
"x2": -3,
"value2": 41
},
{
"y": 1,
"x": 6,
"value": 35,
"y2": 0,
"x2": -3,
"value2": 16
}
]
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> lineWithCustomBullets.html 0000644 00000013463 15167735342 0011767 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// since v3, chart can accept data in JSON format
// if your category axis parses dates, you should only
// set date format of your data (dataDateFormat property of AmSerialChart)
var lineChartData = [
{
"date": "2009-10-02",
"value": 5
},
{
"date": "2009-10-03",
"value": 15
},
{
"date": "2009-10-04",
"value": 13
},
{
"date": "2009-10-05",
"value": 17
},
{
"date": "2009-10-06",
"value": 15
},
{
"date": "2009-10-09",
"value": 19
},
{
"date": "2009-10-10",
"value": 21
},
{
"date": "2009-10-11",
"value": 20
},
{
"date": "2009-10-12",
"value": 20
},
{
"date": "2009-10-13",
"value": 19
},
{
"date": "2009-10-16",
"value": 25
},
{
"date": "2009-10-17",
"value": 24
},
{
"date": "2009-10-18",
"value": 26
},
{
"date": "2009-10-19",
"value": 27
},
{
"date": "2009-10-20",
"value": 25
},
{
"date": "2009-10-23",
"value": 29
},
{
"date": "2009-10-24",
"value": 28
},
{
"date": "2009-10-25",
"value": 30
},
{
"date": "2009-10-26",
"value": 72,
"customBullet": "images/redstar.png"
},
{
"date": "2009-10-27",
"value": 43
},
{
"date": "2009-10-30",
"value": 31
},
{
"date": "2009-11-01",
"value": 30
},
{
"date": "2009-11-02",
"value": 29
},
{
"date": "2009-11-03",
"value": 27
},
{
"date": "2009-11-04",
"value": 26
}
];
AmCharts.ready(function () {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = lineChartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
// sometimes we need to set margins manually
// autoMargins should be set to false in order chart to use custom margin values
chart.autoMargins = false;
chart.marginRight = 0;
chart.marginLeft = 0;
chart.marginBottom = 0;
chart.marginTop = 0;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.inside = true;
categoryAxis.gridAlpha = 0;
categoryAxis.tickLength = 0;
categoryAxis.axisAlpha = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 4;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.type = "line";
graph.valueField = "value";
graph.lineColor = "#D8E63C";
graph.customBullet = "images/star.png"; // bullet for all data points
graph.bulletSize = 14; // bullet image should be a rectangle (width = height)
graph.customBulletField = "customBullet"; // this will make the graph to display custom bullet (red star)
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> area100PercentStacked.html 0000644 00000017141 15167735342 0011424 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": "1995",
"cars": 1567,
"motorcycles": 683,
"bicycles": 146
},
{
"year": "1996",
"cars": 1617,
"motorcycles": 691,
"bicycles": 138
},
{
"year": "1997",
"cars": 1630,
"motorcycles": 642,
"bicycles": 127
},
{
"year": "1998",
"cars": 1660,
"motorcycles": 699,
"bicycles": 105
},
{
"year": "1999",
"cars": 1683,
"motorcycles": 721,
"bicycles": 109
},
{
"year": "2000",
"cars": 1691,
"motorcycles": 737,
"bicycles": 112
},
{
"year": "2001",
"cars": 1298,
"motorcycles": 680,
"bicycles": 101
},
{
"year": "2002",
"cars": 1275,
"motorcycles": 664,
"bicycles": 97
},
{
"year": "2003",
"cars": 1246,
"motorcycles": 648,
"bicycles": 93
},
{
"year": "2004",
"cars": 1218,
"motorcycles": 637,
"bicycles": 101
},
{
"year": "2005",
"cars": 1213,
"motorcycles": 633,
"bicycles": 87
},
{
"year": "2006",
"cars": 1199,
"motorcycles": 621,
"bicycles": 79
},
{
"year": "2007",
"cars": 1110,
"motorcycles": 210,
"bicycles": 81
},
{
"year": "2008",
"cars": 1165,
"motorcycles": 232,
"bicycles": 75
},
{
"year": "2009",
"cars": 1145,
"motorcycles": 219,
"bicycles": 88
},
{
"year": "2010",
"cars": 1163,
"motorcycles": 201,
"bicycles": 82
},
{
"year": "2011",
"cars": 1180,
"motorcycles": 285,
"bicycles": 87
},
{
"year": "2012",
"cars": 1159,
"motorcycles": 277,
"bicycles": 71
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.addTitle("Traffic incidents per year", 15);
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.07;
categoryAxis.axisColor = "#DADADA";
categoryAxis.startOnAxis = true;
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.title = "percent"; // this line makes the chart "stacked"
valueAxis.stackType = "100%";
valueAxis.gridAlpha = 0.07;
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.type = "line"; // it's simple line graph
graph.title = "Cars";
graph.valueField = "cars";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6; // setting fillAlphas to > 0 value makes it area graph
graph.balloonText = "<img src='images/car.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.type = "line";
graph.title = "Motorcycles";
graph.valueField = "motorcycles";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6;
graph.balloonText = "<img src='images/motorcycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.type = "line";
graph.title = "Bicycles";
graph.valueField = "bicycles";
graph.lineAlpha = 0;
graph.fillAlphas = 0.6;
graph.balloonText = "<img src='images/bicycle.png' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'><span style='font-size:14px; color:#000000;'><b>[[value]]</b></span>";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.align = "center";
legend.valueText = "[[value]] ([[percents]]%)";
legend.valueWidth = 100;
legend.valueAlign = "left";
legend.equalWidths = false;
legend.periodValueText = "total: [[value.sum]]"; // this is displayed when mouse is not over the chart.
chart.addLegend(legend);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.zoomable = false; // as the chart displayes not too many values, we disabled zooming
chartCursor.cursorAlpha = 0;
chartCursor.valueZoomable = true;
chartCursor.pan = true;
chart.addChartCursor(chartCursor);
// VALUE SCROLLBAR
chart.valueScrollbar = new AmCharts.ChartScrollbar();
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> columnRotatedSeries.html 0000644 00000010437 15167735342 0011447 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"visits": 3025,
"color": "#FF0F00"
},
{
"country": "China",
"visits": 1882,
"color": "#FF6600"
},
{
"country": "Japan",
"visits": 1809,
"color": "#FF9E01"
},
{
"country": "Germany",
"visits": 1322,
"color": "#FCD202"
},
{
"country": "UK",
"visits": 1122,
"color": "#F8FF01"
},
{
"country": "France",
"visits": 1114,
"color": "#B0DE09"
},
{
"country": "India",
"visits": 984,
"color": "#04D215"
},
{
"country": "Spain",
"visits": 711,
"color": "#0D8ECF"
},
{
"country": "Netherlands",
"visits": 665,
"color": "#0D52D1"
},
{
"country": "Russia",
"visits": 580,
"color": "#2A0CD0"
},
{
"country": "South Korea",
"visits": 443,
"color": "#8A0CCF"
},
{
"country": "Canada",
"visits": 441,
"color": "#CD0D74"
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 1;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 45; // this line makes category values to be rotated
categoryAxis.gridAlpha = 0;
categoryAxis.fillAlpha = 1;
categoryAxis.fillColor = "#FAFAFA";
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 5;
valueAxis.title = "Visitors from country";
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "visits";
graph.colorField = "color";
graph.balloonText = "<b>[[category]]: [[value]]</b>";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> _JSON_ganttTimeBased.html 0000644 00000005256 15167735342 0011342 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/gantt.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "gantt",
"period": "hh",
"valueAxis": {
"type": "date"
},
"brightnessStep": 10,
"graph": {
"fillAlphas": 1,
"dateFormat":"JJ:NN",
"balloonText":"[[open]] - [[value]]"
},
"rotate": true,
"dataDateFormat":"YYYY-MM-DD",
"categoryField": "category",
"segmentsField": "segments",
"startDate": "2015-01-01",
"startField": "start",
"endField": "end",
"durationField": "duration",
"dataProvider": [{
"category": "John",
"segments": [{
"start": 0,
"duration": 2
}, {
"duration": 2
}, {
"duration": 2
}]
}, {
"category": "Smith",
"segments": [{
"start": 3,
"duration": 2
}, {
"duration": 1
}, {
"duration": 4
}]
}, {
"category": "Ben",
"segments": [{
"start": 5,
"duration": 2
}, {
"start": 9,
"duration": 2
}]
} ],
"chartCursor": {
"valueBalloonsEnabled": false,
"cursorAlpha": 0,
"valueLineBalloonEnabled": true,
"valueLineEnabled": true,
"valueZoomable":true,
"zoomable":false
},
"valueScrollbar": {
"position":"top",
"autoGridCount":true,
"color":"#000000"
}
})
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> xyScatter.html 0000644 00000012741 15167735342 0007442 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"ax": 1,
"ay": 0.5,
"bx": 1,
"by": 2.2
},
{
"ax": 2,
"ay": 1.3,
"bx": 2,
"by": 4.9
},
{
"ax": 3,
"ay": 2.3,
"bx": 3,
"by": 5.1
},
{
"ax": 4,
"ay": 2.8,
"bx": 4,
"by": 5.3
},
{
"ax": 5,
"ay": 3.5,
"bx": 5,
"by": 6.1
},
{
"ax": 6,
"ay": 5.1,
"bx": 6,
"by": 8.3
},
{
"ax": 7,
"ay": 6.7,
"bx": 7,
"by": 10.5
},
{
"ax": 8,
"ay": 8,
"bx": 8,
"by": 12.3
},
{
"ax": 9,
"ay": 8.9,
"bx": 9,
"by": 14.5
},
{
"ax": 10,
"ay": 9.7,
"bx": 10,
"by": 15
},
{
"ax": 11,
"ay": 10.4,
"bx": 11,
"by": 18.8
},
{
"ax": 12,
"ay": 11.7,
"bx": 12,
"by": 19
}
];
AmCharts.ready(function () {
// XY CHART
chart = new AmCharts.AmXYChart();
chart.dataProvider = chartData;
chart.startDuration = 1;
// AXES
// X
var xAxis = new AmCharts.ValueAxis();
xAxis.title = "X Axis";
xAxis.position = "bottom";
xAxis.dashLength = 1;
xAxis.axisAlpha = 0;
xAxis.autoGridCount = true;
chart.addValueAxis(xAxis);
// Y
var yAxis = new AmCharts.ValueAxis();
yAxis.position = "left";
yAxis.title = "Y Axis";
yAxis.dashLength = 1;
yAxis.axisAlpha = 0;
yAxis.autoGridCount = true;
chart.addValueAxis(yAxis);
// GRAPHS
// triangles up
var graph1 = new AmCharts.AmGraph();
graph1.lineColor = "#FF6600";
graph1.balloonText = "x:[[x]] y:[[y]]";
graph1.xField = "ax";
graph1.yField = "ay";
graph1.lineAlpha = 0;
graph1.bullet = "triangleUp";
chart.addGraph(graph1);
// triangles down
var graph2 = new AmCharts.AmGraph();
graph2.lineColor = "#FCD202";
graph2.balloonText = "x:[[x]] y:[[y]]";
graph2.xField = "bx";
graph2.yField = "by";
graph2.lineAlpha = 0;
graph2.bullet = "triangleDown";
chart.addGraph(graph2);
// first trend line
var trendLine = new AmCharts.TrendLine();
trendLine.lineColor = "#FF6600";
trendLine.initialXValue = 1;
trendLine.initialValue = 2;
trendLine.finalXValue = 12;
trendLine.finalValue = 11;
chart.addTrendLine(trendLine);
// second trend line
trendLine = new AmCharts.TrendLine();
trendLine.lineColor = "#FCD202";
trendLine.initialXValue = 1;
trendLine.initialValue = 1;
trendLine.finalXValue = 12;
trendLine.finalValue = 19;
chart.addTrendLine(trendLine);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.scrollbarHeight = 5;
chartScrollbar.offset = 15
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> candleStickProMode.html 0000644 00000077345 15167735342 0011201 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"dataDateFormat":"YYYY-MM-DD",
"valueAxes": [{
"position": "left"
}],
"graphs": [{
"id": "g1",
"proCandlesticks": true,
"balloonText": "Open:<b>[[open]]</b><br>Low:<b>[[low]]</b><br>High:<b>[[high]]</b><br>Close:<b>[[close]]</b><br>",
"closeField": "close",
"fillColors": "#7f8da9",
"highField": "high",
"lineColor": "#7f8da9",
"lineAlpha": 1,
"lowField": "low",
"fillAlphas": 0.9,
"negativeFillColors": "#db4c3c",
"negativeLineColor": "#db4c3c",
"openField": "open",
"title": "Price:",
"type": "candlestick",
"valueField": "close"
}],
"chartScrollbar": {
"graph": "g1",
"graphType": "line",
"scrollbarHeight": 30
},
"chartCursor": {
"valueLineEnabled": true,
"valueLineBalloonEnabled": true
},
"categoryField": "date",
"categoryAxis": {
"parseDates": true
},
"dataProvider": [{
"date": "2011-08-01",
"open": "136.65",
"high": "136.96",
"low": "134.15",
"close": "136.49"
}, {
"date": "2011-08-02",
"open": "135.26",
"high": "135.95",
"low": "131.50",
"close": "131.85"
}, {
"date": "2011-08-05",
"open": "132.90",
"high": "135.27",
"low": "128.30",
"close": "135.25"
}, {
"date": "2011-08-06",
"open": "134.94",
"high": "137.24",
"low": "132.63",
"close": "135.03"
}, {
"date": "2011-08-07",
"open": "136.76",
"high": "136.86",
"low": "132.00",
"close": "134.01"
}, {
"date": "2011-08-08",
"open": "131.11",
"high": "133.00",
"low": "125.09",
"close": "126.39"
}, {
"date": "2011-08-09",
"open": "123.12",
"high": "127.75",
"low": "120.30",
"close": "125.00"
}, {
"date": "2011-08-12",
"open": "128.32",
"high": "129.35",
"low": "126.50",
"close": "127.79"
}, {
"date": "2011-08-13",
"open": "128.29",
"high": "128.30",
"low": "123.71",
"close": "124.03"
}, {
"date": "2011-08-14",
"open": "122.74",
"high": "124.86",
"low": "119.65",
"close": "119.90"
}, {
"date": "2011-08-15",
"open": "117.01",
"high": "118.50",
"low": "111.62",
"close": "117.05"
}, {
"date": "2011-08-16",
"open": "122.01",
"high": "123.50",
"low": "119.82",
"close": "122.06"
}, {
"date": "2011-08-19",
"open": "123.96",
"high": "124.50",
"low": "120.50",
"close": "122.22"
}, {
"date": "2011-08-20",
"open": "122.21",
"high": "128.96",
"low": "121.00",
"close": "127.57"
}, {
"date": "2011-08-21",
"open": "131.22",
"high": "132.75",
"low": "130.33",
"close": "132.51"
}, {
"date": "2011-08-22",
"open": "133.09",
"high": "133.34",
"low": "129.76",
"close": "131.07"
}, {
"date": "2011-08-23",
"open": "130.53",
"high": "135.37",
"low": "129.81",
"close": "135.30"
}, {
"date": "2011-08-26",
"open": "133.39",
"high": "134.66",
"low": "132.10",
"close": "132.25"
}, {
"date": "2011-08-27",
"open": "130.99",
"high": "132.41",
"low": "126.63",
"close": "126.82"
}, {
"date": "2011-08-28",
"open": "129.88",
"high": "134.18",
"low": "129.54",
"close": "134.08"
}, {
"date": "2011-08-29",
"open": "132.67",
"high": "138.25",
"low": "132.30",
"close": "136.25"
}, {
"date": "2011-08-30",
"open": "139.49",
"high": "139.65",
"low": "137.41",
"close": "138.48"
}, {
"date": "2011-09-03",
"open": "139.94",
"high": "145.73",
"low": "139.84",
"close": "144.16"
}, {
"date": "2011-09-04",
"open": "144.97",
"high": "145.84",
"low": "136.10",
"close": "136.76"
}, {
"date": "2011-09-05",
"open": "135.56",
"high": "137.57",
"low": "132.71",
"close": "135.01"
}, {
"date": "2011-09-06",
"open": "132.01",
"high": "132.30",
"low": "130.00",
"close": "131.77"
}, {
"date": "2011-09-09",
"open": "136.99",
"high": "138.04",
"low": "133.95",
"close": "136.71"
}, {
"date": "2011-09-10",
"open": "137.90",
"high": "138.30",
"low": "133.75",
"close": "135.49"
}, {
"date": "2011-09-11",
"open": "135.99",
"high": "139.40",
"low": "135.75",
"close": "136.85"
}, {
"date": "2011-09-12",
"open": "138.83",
"high": "139.00",
"low": "136.65",
"close": "137.20"
}, {
"date": "2011-09-13",
"open": "136.57",
"high": "138.98",
"low": "136.20",
"close": "138.81"
}, {
"date": "2011-09-16",
"open": "138.99",
"high": "140.59",
"low": "137.60",
"close": "138.41"
}, {
"date": "2011-09-17",
"open": "139.06",
"high": "142.85",
"low": "137.83",
"close": "140.92"
}, {
"date": "2011-09-18",
"open": "143.02",
"high": "143.16",
"low": "139.40",
"close": "140.77"
}, {
"date": "2011-09-19",
"open": "140.15",
"high": "141.79",
"low": "139.32",
"close": "140.31"
}, {
"date": "2011-09-20",
"open": "141.14",
"high": "144.65",
"low": "140.31",
"close": "144.15"
}, {
"date": "2011-09-23",
"open": "146.73",
"high": "149.85",
"low": "146.65",
"close": "148.28"
}, {
"date": "2011-09-24",
"open": "146.84",
"high": "153.22",
"low": "146.82",
"close": "153.18"
}, {
"date": "2011-09-25",
"open": "154.47",
"high": "155.00",
"low": "151.25",
"close": "152.77"
}, {
"date": "2011-09-26",
"open": "153.77",
"high": "154.52",
"low": "152.32",
"close": "154.50"
}, {
"date": "2011-09-27",
"open": "153.44",
"high": "154.60",
"low": "152.75",
"close": "153.47"
}, {
"date": "2011-09-30",
"open": "154.63",
"high": "157.41",
"low": "152.93",
"close": "156.34"
}, {
"date": "2011-10-01",
"open": "156.55",
"high": "158.59",
"low": "155.89",
"close": "158.45"
}, {
"date": "2011-10-02",
"open": "157.78",
"high": "159.18",
"low": "157.01",
"close": "157.92"
}, {
"date": "2011-10-03",
"open": "158.00",
"high": "158.08",
"low": "153.50",
"close": "156.24"
}, {
"date": "2011-10-04",
"open": "158.37",
"high": "161.58",
"low": "157.70",
"close": "161.45"
}, {
"date": "2011-10-07",
"open": "163.49",
"high": "167.91",
"low": "162.97",
"close": "167.91"
}, {
"date": "2011-10-08",
"open": "170.20",
"high": "171.11",
"low": "166.68",
"close": "167.86"
}, {
"date": "2011-10-09",
"open": "167.55",
"high": "167.88",
"low": "165.60",
"close": "166.79"
}, {
"date": "2011-10-10",
"open": "169.49",
"high": "171.88",
"low": "153.21",
"close": "162.23"
}, {
"date": "2011-10-11",
"open": "163.01",
"high": "167.28",
"low": "161.80",
"close": "167.25"
}, {
"date": "2011-10-14",
"open": "167.98",
"high": "169.57",
"low": "163.50",
"close": "166.98"
}, {
"date": "2011-10-15",
"open": "165.54",
"high": "170.18",
"low": "165.15",
"close": "169.58"
}, {
"date": "2011-10-16",
"open": "172.69",
"high": "173.04",
"low": "169.18",
"close": "172.75"
}, {
"date": "2011-10-17",
"open": "171.50",
"high": "174.19",
"low": "171.05",
"close": "173.50"
}, {
"date": "2011-10-18",
"open": "174.24",
"high": "174.63",
"low": "170.00",
"close": "170.42"
}, {
"date": "2011-10-21",
"open": "170.35",
"high": "174.90",
"low": "169.96",
"close": "174.36"
}, {
"date": "2011-10-22",
"open": "188.56",
"high": "188.60",
"low": "182.76",
"close": "186.16"
}, {
"date": "2011-10-23",
"open": "185.81",
"high": "187.21",
"low": "179.24",
"close": "185.93"
}, {
"date": "2011-10-24",
"open": "184.87",
"high": "185.90",
"low": "181.66",
"close": "182.78"
}, {
"date": "2011-10-25",
"open": "185.29",
"high": "185.37",
"low": "182.88",
"close": "184.70"
}, {
"date": "2011-10-28",
"open": "185.45",
"high": "186.59",
"low": "184.70",
"close": "185.09"
}, {
"date": "2011-10-29",
"open": "186.18",
"high": "189.37",
"low": "184.73",
"close": "187.00"
}, {
"date": "2011-10-30",
"open": "187.63",
"high": "190.12",
"low": "184.95",
"close": "189.95"
}, {
"date": "2011-10-31",
"open": "188.60",
"high": "190.10",
"low": "180.00",
"close": "187.44"
}, {
"date": "2011-11-01",
"open": "189.21",
"high": "189.44",
"low": "183.49",
"close": "187.87"
}, {
"date": "2011-11-04",
"open": "185.29",
"high": "188.96",
"low": "184.24",
"close": "186.18"
}, {
"date": "2011-11-05",
"open": "187.05",
"high": "192.00",
"low": "185.27",
"close": "191.79"
}, {
"date": "2011-11-06",
"open": "190.61",
"high": "192.68",
"low": "186.13",
"close": "186.30"
}, {
"date": "2011-11-07",
"open": "186.67",
"high": "186.90",
"low": "167.77",
"close": "175.47"
}, {
"date": "2011-11-08",
"open": "171.15",
"high": "175.12",
"low": "165.21",
"close": "165.37"
}, {
"date": "2011-11-11",
"open": "165.28",
"high": "167.70",
"low": "150.63",
"close": "153.76"
}, {
"date": "2011-11-12",
"open": "160.85",
"high": "170.98",
"low": "153.76",
"close": "169.96"
}, {
"date": "2011-11-13",
"open": "177.16",
"high": "177.57",
"low": "163.74",
"close": "166.11"
}, {
"date": "2011-11-14",
"open": "166.39",
"high": "169.59",
"low": "160.30",
"close": "164.30"
}, {
"date": "2011-11-15",
"open": "165.30",
"high": "167.02",
"low": "159.33",
"close": "166.39"
}, {
"date": "2011-11-18",
"open": "166.10",
"high": "168.20",
"low": "162.10",
"close": "163.95"
}, {
"date": "2011-11-19",
"open": "165.67",
"high": "171.79",
"low": "163.53",
"close": "168.85"
}, {
"date": "2011-11-20",
"open": "165.84",
"high": "172.35",
"low": "164.67",
"close": "168.46"
}, {
"date": "2011-11-22",
"open": "172.00",
"high": "172.05",
"low": "169.75",
"close": "171.54"
}, {
"date": "2011-11-25",
"open": "173.59",
"high": "177.27",
"low": "172.35",
"close": "172.54"
}, {
"date": "2011-11-26",
"open": "175.22",
"high": "175.79",
"low": "170.01",
"close": "174.81"
}, {
"date": "2011-11-27",
"open": "176.82",
"high": "180.60",
"low": "175.35",
"close": "180.22"
}, {
"date": "2011-11-28",
"open": "179.43",
"high": "185.17",
"low": "179.15",
"close": "184.29"
}, {
"date": "2011-11-29",
"open": "187.34",
"high": "187.70",
"low": "179.70",
"close": "182.22"
}, {
"date": "2011-12-02",
"open": "181.86",
"high": "184.14",
"low": "177.70",
"close": "178.86"
}, {
"date": "2011-12-03",
"open": "177.15",
"high": "180.90",
"low": "176.99",
"close": "179.81"
}, {
"date": "2011-12-04",
"open": "182.89",
"high": "186.00",
"low": "182.41",
"close": "185.50"
}, {
"date": "2011-12-05",
"open": "186.19",
"high": "190.10",
"low": "186.12",
"close": "189.95"
}, {
"date": "2011-12-06",
"open": "190.54",
"high": "194.99",
"low": "188.04",
"close": "194.30"
}, {
"date": "2011-12-09",
"open": "193.59",
"high": "195.66",
"low": "192.69",
"close": "194.21"
}, {
"date": "2011-12-10",
"open": "194.75",
"high": "196.83",
"low": "187.39",
"close": "188.54"
}, {
"date": "2011-12-11",
"open": "193.44",
"high": "194.48",
"low": "185.76",
"close": "190.86"
}, {
"date": "2011-12-12",
"open": "190.19",
"high": "192.12",
"low": "187.82",
"close": "191.83"
}, {
"date": "2011-12-13",
"open": "190.37",
"high": "193.20",
"low": "189.54",
"close": "190.39"
}, {
"date": "2011-12-16",
"open": "190.72",
"high": "192.65",
"low": "182.98",
"close": "184.40"
}, {
"date": "2011-12-17",
"open": "186.52",
"high": "187.33",
"low": "178.60",
"close": "182.98"
}, {
"date": "2011-12-18",
"open": "182.98",
"high": "184.64",
"low": "180.90",
"close": "183.12"
}, {
"date": "2011-12-19",
"open": "185.43",
"high": "187.83",
"low": "183.33",
"close": "187.21"
}, {
"date": "2011-12-20",
"open": "190.12",
"high": "193.91",
"low": "189.89",
"close": "193.91"
}, {
"date": "2011-12-23",
"open": "195.03",
"high": "199.33",
"low": "194.79",
"close": "198.80"
}, {
"date": "2011-12-25",
"open": "199.01",
"high": "200.96",
"low": "196.82",
"close": "198.95"
}, {
"date": "2011-12-26",
"open": "198.95",
"high": "202.96",
"low": "197.80",
"close": "198.57"
}, {
"date": "2011-12-27",
"open": "200.59",
"high": "201.56",
"low": "196.88",
"close": "199.83"
}, {
"date": "2011-12-30",
"open": "199.50",
"high": "200.50",
"low": "197.75",
"close": "198.08"
}, {
"date": "2012-01-01",
"open": "199.27",
"high": "200.26",
"low": "192.55",
"close": "194.84"
}, {
"date": "2012-01-02",
"open": "195.41",
"high": "197.39",
"low": "192.69",
"close": "194.93"
}, {
"date": "2012-01-03",
"open": "191.45",
"high": "193.00",
"low": "178.89",
"close": "180.05"
}, {
"date": "2012-01-06",
"open": "181.25",
"high": "183.60",
"low": "170.23",
"close": "177.64"
}, {
"date": "2012-01-07",
"open": "180.14",
"high": "182.46",
"low": "170.80",
"close": "171.25"
}, {
"date": "2012-01-08",
"open": "171.30",
"high": "179.50",
"low": "168.30",
"close": "179.40"
}, {
"date": "2012-01-09",
"open": "177.58",
"high": "181.00",
"low": "175.41",
"close": "178.02"
}, {
"date": "2012-01-10",
"open": "176.00",
"high": "177.85",
"low": "170.00",
"close": "172.69"
}, {
"date": "2012-01-13",
"open": "177.52",
"high": "179.42",
"low": "175.17",
"close": "178.78"
}, {
"date": "2012-01-14",
"open": "177.72",
"high": "179.22",
"low": "164.66",
"close": "169.04"
}, {
"date": "2012-01-15",
"open": "165.23",
"high": "169.01",
"low": "156.70",
"close": "159.64"
}, {
"date": "2012-01-16",
"open": "161.51",
"high": "165.36",
"low": "158.42",
"close": "160.89"
}, {
"date": "2012-01-17",
"open": "161.71",
"high": "165.75",
"low": "159.61",
"close": "161.36"
}, {
"date": "2012-01-21",
"open": "148.06",
"high": "159.98",
"low": "146.00",
"close": "155.64"
}, {
"date": "2012-01-22",
"open": "136.19",
"high": "140.00",
"low": "126.14",
"close": "139.07"
}, {
"date": "2012-01-23",
"open": "139.99",
"high": "140.70",
"low": "132.01",
"close": "135.60"
}, {
"date": "2012-01-24",
"open": "138.99",
"high": "139.09",
"low": "129.61",
"close": "130.01"
}, {
"date": "2012-01-27",
"open": "128.16",
"high": "133.20",
"low": "126.45",
"close": "130.01"
}, {
"date": "2012-01-28",
"open": "131.15",
"high": "132.79",
"low": "129.05",
"close": "131.54"
}, {
"date": "2012-01-29",
"open": "131.37",
"high": "135.45",
"low": "130.00",
"close": "132.18"
}, {
"date": "2012-01-30",
"open": "129.45",
"high": "136.65",
"low": "129.40",
"close": "135.36"
}, {
"date": "2012-01-31",
"open": "136.24",
"high": "136.59",
"low": "132.18",
"close": "133.75"
}, {
"date": "2012-02-03",
"open": "134.21",
"high": "135.90",
"low": "131.42",
"close": "131.65"
}, {
"date": "2012-02-04",
"open": "130.43",
"high": "134.00",
"low": "128.90",
"close": "129.36"
}, {
"date": "2012-02-05",
"open": "130.83",
"high": "131.92",
"low": "121.77",
"close": "122.00"
}, {
"date": "2012-02-06",
"open": "119.97",
"high": "124.78",
"low": "117.27",
"close": "121.24"
}, {
"date": "2012-02-07",
"open": "122.08",
"high": "125.70",
"low": "121.60",
"close": "125.48"
}, {
"date": "2012-02-10",
"open": "128.01",
"high": "129.98",
"low": "127.20",
"close": "129.45"
}, {
"date": "2012-02-11",
"open": "130.70",
"high": "131.00",
"low": "123.62",
"close": "124.86"
}, {
"date": "2012-02-12",
"open": "126.68",
"high": "129.78",
"low": "125.63",
"close": "129.40"
}],
"export": {
"enabled": true,
"position": "bottom-right"
}
});
chart.addListener("rendered", zoomChart);
zoomChart();
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chart.dataProvider.length - 50, chart.dataProvider.length - 1);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> microCharts.html 0000644 00000037032 15167735342 0007732 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
AmCharts.ready(function () {
// line chart, with a bullet at the end
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"day": 1,
"value": 120
}, {
"day": 2,
"value": 124
}, {
"day": 3,
"value": 127
}, {
"day": 4,
"value": 122
}, {
"day": 5,
"value": 121
}, {
"day": 6,
"value": 123
}, {
"day": 7,
"value": 118
}, {
"day": 8,
"value": 113
}, {
"day": 9,
"value": 122
}, {
"day": 10,
"value": 125,
bullet: "round"
}];
chart.categoryField = "day";
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 5;
chart.marginTop = 0;
chart.marginBottom = 0;
var graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.bulletField = "bullet";
graph.showBalloon = false;
graph.lineColor = "#a9ec49";
chart.addGraph(graph);
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.startOnAxis = true;
chart.write("line1");
// small column chart
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"day": 1,
"value": -5
}, {
"day": 2,
"value": 3
}, {
"day": 3,
"value": 7
}, {
"day": 4,
"value": -3
}, {
"day": 5,
"value": 3
}, {
"day": 6,
"value": 4
}, {
"day": 7,
"value": 6
}, {
"day": 8,
"value": -3
}, {
"day": 9,
"value": -2
}, {
"day": 10,
"value": 6
}];
chart.categoryField = "day";
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.type = "column";
graph.fillAlphas = 1;
graph.lineColor = "#a9ec49";
graph.showBalloon = false;
chart.addGraph(graph);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
chart.write("column1");
// line chart, with different line color below zero
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"day": 1,
"value": 120
}, {
"day": 2,
"value": 54
}, {
"day": 3,
"value": -18
}, {
"day": 4,
"value": -12
}, {
"day": 5,
"value": -51
}, {
"day": 6,
"value": 12
}, {
"day": 7,
"value": 56
}, {
"day": 8,
"value": 113
}, {
"day": 9,
"value": 142
}, {
"day": 10,
"value": 125
}];
chart.categoryField = "day";
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 5;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.showBalloon = false;
graph.lineColor = "#ffbf63";
graph.negativeLineColor = "#289eaf";
chart.addGraph(graph);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.startOnAxis = true;
// using guide to show 0 grid
var guide = new AmCharts.Guide();
guide.value = 0;
guide.lineAlpha = 0.1;
valueAxis.addGuide(guide);
chart.write("line2");
// column chart with different negative colors
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"day": 1,
"value": -5
}, {
"day": 2,
"value": 3
}, {
"day": 3,
"value": 7
}, {
"day": 4,
"value": -3
}, {
"day": 5,
"value": 3
}, {
"day": 6,
"value": 4
}, {
"day": 7,
"value": 6
}, {
"day": 8,
"value": -3
}, {
"day": 9,
"value": -2
}, {
"day": 10,
"value": 6
}];
chart.categoryField = "day";
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.type = "column";
graph.fillAlphas = 1;
graph.showBalloon = false;
graph.lineColor = "#ffbf63";
graph.negativeFillColors = "#289eaf";
graph.negativeLineColor = "#289eaf";
chart.addGraph(graph);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
chart.write("column2");
// column chart (thermometer)
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
x: 1,
y: 100
}];
chart.categoryField = "x";
chart.rotate = true;
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "y";
graph.type = "column";
graph.fillAlphas = 1;
graph.fillColors = ["#49cbec", "#f73838"];
graph.gradientOrientation = "horizontal";
graph.lineColor = "#FFFFFF";
graph.showBalloon = false;
chart.addGraph(graph);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.stackType = "100%"; // this is set to achieve that column would occupie 100% of the chart area
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
// guide to show position
guide = new AmCharts.Guide();
guide.value = 66;
guide.lineAlpha = 1;
guide.above = true;
valueAxis.addGuide(guide);
chart.write("thermometer1");
// column chart (thermometer)
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"x": 1,
"y": 100
}];
chart.categoryField = "x";
chart.rotate = true;
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "y";
graph.type = "column";
graph.fillAlphas = 1;
graph.fillColors = ["#49cbec", "#f73838"];
graph.gradientOrientation = "horizontal";
graph.lineColor = "#FFFFFF";
graph.showBalloon = false;
chart.addGraph(graph);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.stackType = "100%"; // this is set to achieve that column would occupie 100% of the chart area
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
// guide to show position
guide = new AmCharts.Guide();
guide.value = 29;
guide.lineAlpha = 1;
guide.above = true;
valueAxis.addGuide(guide);
chart.write("thermometer2");
// percent chart
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"x": 1,
"y1": 66,
"y2": 34
}];
chart.categoryField = "x";
chart.rotate = true;
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "y1";
graph.type = "column";
graph.fillAlphas = 0.6;
graph.fillColors = "#000000";
graph.gradientOrientation = "horizontal";
graph.lineColor = "#FFFFFF";
graph.showBalloon = false;
chart.addGraph(graph);
var graph2 = new AmCharts.AmGraph();
graph2.valueField = "y2";
graph2.type = "column";
graph2.fillAlphas = 0.2;
graph2.fillColors = "#000000";
graph2.lineColor = "#FFFFFF";
graph2.showBalloon = false;
chart.addGraph(graph2);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.stackType = "100%"; // this is set to achieve that column would occupie 100% of the chart area
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
chart.write("percent1");
// percent chart
chart = new AmCharts.AmSerialChart();
chart.dataProvider = [{
"x": 1,
"y1": 29,
"y2": 71
}];
chart.categoryField = "x";
chart.rotate = true;
chart.autoMargins = false;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.marginTop = 0;
chart.marginBottom = 0;
graph = new AmCharts.AmGraph();
graph.valueField = "y1";
graph.type = "column";
graph.fillAlphas = 0.6;
graph.fillColors = "#000000";
graph.gradientOrientation = "horizontal";
graph.lineColor = "#FFFFFF";
graph.showBalloon = false;
chart.addGraph(graph);
graph2 = new AmCharts.AmGraph();
graph2.valueField = "y2";
graph2.type = "column";
graph2.fillAlphas = 0.2;
graph2.fillColors = "#000000";
graph2.lineColor = "#FFFFFF";
graph2.showBalloon = false;
chart.addGraph(graph2);
valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.stackType = "100%"; // this is set to achieve that column would occupie 100% of the chart area
chart.addValueAxis(valueAxis);
categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
chart.write("percent2");
// small pie chart
chart = new AmCharts.AmPieChart();
chart.dataProvider = [{
"x": 1,
"value": 29
}, {
"x": 2,
"value": 71
}];
chart.labelField = "x";
chart.valueField = "value";
chart.labelsEnabled = false;
chart.balloonText = undefined;
chart.valueText = undefined;
chart.radius = 10; // half of a width of a div
chart.colors = ["#DADADA", "#777777"];
chart.startDuration = 0;
chart.write("pie1");
// small pie chart
chart = new AmCharts.AmPieChart();
chart.dataProvider = [{
"x": 1,
"value": 45
}, {
"x": 2,
"value": 55
}];
chart.labelField = "x";
chart.balloonText = undefined;
chart.valueField = "value";
chart.labelsEnabled = false;
chart.valueText = undefined;
chart.radius = 10;
chart.colors = ["#DADADA", "#777777"];
chart.startDuration = 0;
chart.write("pie2");
});
</script>
</head>
<body>
<!-- first chart group -->
<div class="chart-block">
<p><b>Some simple sparklines and micro column chart:</b></p>
Alaska, 120 <div id="line1" style="vertical-align: middle; display: inline-block; width: 100px; height: 30px;"></div> 6% <div id="column1" style="vertical-align: middle;display: inline-block; width: 110px; height: 30px;"></div>
</div>
<!-- second chart group -->
<div class="chart-block">
<p><b>More advanced, with different line and fill colors:</b></p>
Alaska, 120 <div id="line2" style="vertical-align: middle; display: inline-block; width: 100px; height: 30px;"></div> 6% <div id="column2" style="vertical-align: middle;display: inline-block; width: 110px; height: 30px;"></div>
</div>
<!-- third chart group -->
<div class="chart-block">
<p><b>Thermometer example:</b></p>
Alaska, 66% <div id="thermometer1" style="vertical-align: middle; display: inline-block; width: 100px; height: 20px;"></div><br />
Alabama, 39% <div id="thermometer2" style="vertical-align: middle;display: inline-block; width: 100px; height: 20px"></div>
</div>
<!-- fourth chart group -->
<div class="chart-block">
<p><b>Simple percent chart example:</b></p>
Alaska, 66% <div id="percent1" style="vertical-align: middle; display: inline-block; width: 100px; height: 20px;"></div><br />
Alabama, 39% <div id="percent2" style="vertical-align: middle;display: inline-block; width: 100px; height: 20px;"></div>
</div>
<!-- fifth chart group -->
<div class="chart-block">
<p><b>Simple percent chart example:</b></p>
Alaska, 71% <div id="pie1" style="vertical-align: middle; display: inline-block; width: 20px; height: 20px;"></div><br />
Alabama, 45% <div id="pie2" style="vertical-align: middle; display: inline-block; width: 20px; height: 20px;"></div>
</div>
<p>Please note that sparkline charts are NOT usable with the free version of JavaScript Charts due to branding link taking up most of the plot area. Please consider <a href="http://shop.amcharts.com/">acquiring a commercial license</a>. (licenses starting as low as USD 140)</p>
</html> column3D.html 0000644 00000011747 15167735342 0007145 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"visits": 4025,
"color": "#FF0F00"
},
{
"country": "China",
"visits": 1882,
"color": "#FF6600"
},
{
"country": "Japan",
"visits": 1809,
"color": "#FF9E01"
},
{
"country": "Germany",
"visits": 1322,
"color": "#FCD202"
},
{
"country": "UK",
"visits": 1122,
"color": "#F8FF01"
},
{
"country": "France",
"visits": 1114,
"color": "#B0DE09"
},
{
"country": "India",
"visits": 984,
"color": "#04D215"
},
{
"country": "Spain",
"visits": 711,
"color": "#0D8ECF"
},
{
"country": "Netherlands",
"visits": 665,
"color": "#0D52D1"
},
{
"country": "Russia",
"visits": 580,
"color": "#2A0CD0"
},
{
"country": "South Korea",
"visits": 443,
"color": "#8A0CCF"
},
{
"country": "Canada",
"visits": 441,
"color": "#CD0D74"
},
{
"country": "Brazil",
"visits": 395,
"color": "#754DEB"
},
{
"country": "Italy",
"visits": 386,
"color": "#DDDDDD"
},
{
"country": "Australia",
"visits": 384,
"color": "#999999"
},
{
"country": "Taiwan",
"visits": 338,
"color": "#333333"
},
{
"country": "Poland",
"visits": 328,
"color": "#000000"
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
// the following two lines makes chart 3D
chart.depth3D = 20;
chart.angle = 30;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 90;
categoryAxis.dashLength = 5;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.title = "Visitors";
valueAxis.dashLength = 5;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "visits";
graph.colorField = "color";
graph.balloonText = "<span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> lineStep.html 0000644 00000022035 15167735342 0007234 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var graph;
// months in JS are zero-based, 0 means January
var chartData = [
{
"year": "1950",
"value": -0.307
},
{
"year": "1951",
"value": -0.168
},
{
"year": "1952",
"value": -0.073
},
{
"year": "1953",
"value": -0.027
},
{
"year": "1954",
"value": -0.251
},
{
"year": "1955",
"value": -0.281
},
{
"year": "1956",
"value": -0.348
},
{
"year": "1957",
"value": -0.074
},
{
"year": "1958",
"value": -0.011
},
{
"year": "1959",
"value": -0.074
},
{
"year": "1960",
"value": -0.124
},
{
"year": "1961",
"value": -0.024
},
{
"year": "1962",
"value": -0.022
},
{
"year": "1963",
"value": 0
},
{
"year": "1964",
"value": -0.296
},
{
"year": "1965",
"value": -0.217
},
{
"year": "1966",
"value": -0.147
},
{
"year": "1967",
"value": -0.15
},
{
"year": "1968",
"value": -0.16
},
{
"year": "1969",
"value": -0.011
},
{
"year": "1970",
"value": -0.068
},
{
"year": "1971",
"value": -0.19
},
{
"year": "1972",
"value": -0.056
},
{
"year": "1973",
"value": 0.077
},
{
"year": "1974",
"value": -0.213
},
{
"year": "1975",
"value": -0.17
},
{
"year": "1976",
"value": -0.254
},
{
"year": "1977",
"value": 0.019
},
{
"year": "1978",
"value": -0.063
},
{
"year": "1979",
"value": 0.05
},
{
"year": "1980",
"value": 0.077
},
{
"year": "1981",
"value": 0.12
},
{
"year": "1982",
"value": 0.011
},
{
"year": "1983",
"value": 0.177
},
{
"year": "1984",
"value": -0.021
},
{
"year": "1985",
"value": -0.037
},
{
"year": "1986",
"value": 0.03
},
{
"year": "1987",
"value": 0.179
},
{
"year": "1988",
"value": 0.18
},
{
"year": "1989",
"value": 0.104
},
{
"year": "1990",
"value": 0.255
},
{
"year": "1991",
"value": 0.21
},
{
"year": "1992",
"value": 0.065
},
{
"year": "1993",
"value": 0.11
},
{
"year": "1994",
"value": 0.172
},
{
"year": "1995",
"value": 0.269
},
{
"year": "1996",
"value": 0.141
},
{
"year": "1997",
"value": 0.353
},
{
"year": "1998",
"value": 0.548
},
{
"year": "1999",
"value": 0.298
},
{
"year": "2000",
"value": 0.267
},
{
"year": "2001",
"value": 0.411
},
{
"year": "2002",
"value": 0.462
},
{
"year": "2003",
"value": 0.47
},
{
"year": "2004",
"value": 0.445
},
{
"year": "2005",
"value": 0.47
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.marginRight = 20;
chart.marginLeft = 20;
chart.autoMargins = false;
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.dataDateFormat = "YYYY";
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
categoryAxis.minorGridEnabled = true;
categoryAxis.minorGridAlpha = 0.15;
// VALUE
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.fillColor = "#000000";
valueAxis.fillAlpha = 0.05;
valueAxis.inside = true;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.type = "step"; // this line makes step graph
graph.valueField = "value";
graph.lineColor = "#000000";
graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]] C</span></b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "YYYY";
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> lineWithChangingColor.html 0000644 00000014207 15167735342 0011674 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
// since v3, chart can accept data in JSON format
// if your category axis parses dates, you should only
// set date format of your data (dataDateFormat property of AmSerialChart)
var chartData = [
{
"lineColor": "#ffc321",
"date": "2012-01-01",
"duration": 408
},
{
"date": "2012-01-02",
"duration": 482
},
{
"date": "2012-01-03",
"duration": 562
},
{
"date": "2012-01-04",
"duration": 379
},
{
"lineColor": "#fd813c",
"date": "2012-01-05",
"duration": 501
},
{
"date": "2012-01-06",
"duration": 443
},
{
"date": "2012-01-07",
"duration": 405
},
{
"date": "2012-01-08",
"duration": 309,
"lineColor": "#CC0000"
},
{
"date": "2012-01-09",
"duration": 287
},
{
"date": "2012-01-10",
"duration": 485
},
{
"date": "2012-01-11",
"duration": 890
},
{
"date": "2012-01-12",
"duration": 810
}
];
var chart;
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
var balloon = chart.balloon;
balloon.cornerRadius = 6;
balloon.adjustBorderColor = false;
balloon.horizontalPadding = 10;
balloon.verticalPadding = 10;
// AXES
// category axis
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.autoGridCount = false;
categoryAxis.gridCount = 50;
categoryAxis.gridAlpha = 0;
categoryAxis.gridColor = "#000000";
categoryAxis.axisColor = "#555555";
// we want custom date formatting, so we change it in next line
categoryAxis.dateFormats = [{
period: 'DD',
format: 'DD'
}, {
period: 'WW',
format: 'MMM DD'
}, {
period: 'MM',
format: 'MMM'
}, {
period: 'YYYY',
format: 'YYYY'
}];
// as we have data of different units, we create two different value axes
// Duration value axis
var durationAxis = new AmCharts.ValueAxis();
durationAxis.gridAlpha = 0.05;
durationAxis.axisAlpha = 0;
// the following line makes this value axis to convert values to duration
// it tells the axis what duration unit it should use. mm - minute, hh - hour...
durationAxis.duration = "mm";
durationAxis.durationUnits = {
DD: "d. ",
hh: "h ",
mm: "min",
ss: ""
};
chart.addValueAxis(durationAxis);
// GRAPHS
// duration graph
var durationGraph = new AmCharts.AmGraph();
durationGraph.title = "duration";
durationGraph.valueField = "duration";
durationGraph.type = "line";
durationGraph.valueAxis = durationAxis; // indicate which axis should be used
durationGraph.lineColorField = "lineColor";
durationGraph.fillColorsField = "lineColor";
durationGraph.fillAlphas = 0.3;
durationGraph.balloonText = "[[value]]";
durationGraph.lineThickness = 1;
durationGraph.legendValueText = "[[value]]";
durationGraph.bullet = "square";
durationGraph.bulletBorderThickness = 1;
durationGraph.bulletBorderAlpha = 1;
chart.addGraph(durationGraph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.zoomable = false;
chartCursor.categoryBalloonDateFormat = "YYYY MMM DD";
chartCursor.cursorAlpha = 0;
chart.addChartCursor(chartCursor);
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> lineWithDateBasedData.html 0000644 00000013536 15167735342 0011571 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [];
var chartCursor;
AmCharts.ready(function () {
// generate some data first
generateChartData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.balloon.bulletSize = 5;
// listen for "dataUpdated" event (fired when chart is rendered) and call zoomChart method when it happens
chart.addListener("dataUpdated", zoomChart);
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.dashLength = 1;
categoryAxis.minorGridEnabled = true;
categoryAxis.twoLineMode = true;
categoryAxis.dateFormats = [{
period: 'fff',
format: 'JJ:NN:SS'
}, {
period: 'ss',
format: 'JJ:NN:SS'
}, {
period: 'mm',
format: 'JJ:NN'
}, {
period: 'hh',
format: 'JJ:NN'
}, {
period: 'DD',
format: 'DD'
}, {
period: 'WW',
format: 'DD'
}, {
period: 'MM',
format: 'MMM'
}, {
period: 'YYYY',
format: 'YYYY'
}];
categoryAxis.axisColor = "#DADADA";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.dashLength = 1;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.title = "red line";
graph.valueField = "visits";
graph.bullet = "round";
graph.bulletBorderColor = "#FFFFFF";
graph.bulletBorderThickness = 2;
graph.bulletBorderAlpha = 1;
graph.lineThickness = 2;
graph.lineColor = "#5fb503";
graph.negativeLineColor = "#efcc26";
graph.hideBulletsCount = 50; // this makes the chart to hide bullets when there are more than 50 series in selection
chart.addGraph(graph);
// CURSOR
chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorPosition = "mouse";
chartCursor.pan = true; // set it to fals if you want the cursor to work in "select" mode
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
// generate some random data, quite different range
function generateChartData() {
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 500);
for (var i = 0; i < 500; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 40) - 20;
chartData.push({
date: newDate,
visits: visits
});
}
}
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}
// changes cursor mode from pan to select
function setPanSelect() {
if (document.getElementById("rb1").checked) {
chartCursor.pan = false;
chartCursor.zoomable = true;
} else {
chartCursor.pan = true;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<div style="margin-left:35px;">
<input type="radio" name="group" id="rb1" onclick="setPanSelect()">Select
<input type="radio" checked="true" name="group" id="rb2" onclick="setPanSelect()">Pan
</div>
</body>
</html> angularGaugeWithTwoAxes.html 0000644 00000003667 15167735342 0012234 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/gauge.js" type="text/javascript"></script>
<script>
var chart;
var arrow;
var axisKM;
var axisMiles;
AmCharts.ready(function () {
// create angular gauge
chart = new AmCharts.AmAngularGauge();
chart.radius = "45%";
// kilometers axis
axisKM = new AmCharts.GaugeAxis();
axisKM.startValue = 0;
axisKM.endValue = 240;
axisKM.radius = "100%";
axisKM.inside = false;
axisKM.gridInside = false;
axisKM.axisColor = "#94dca0";
axisKM.tickColor = "#94dca0";
axisKM.axisThickness = 3;
axisKM.valueInterval = 20;
chart.addAxis(axisKM);
// miles axis
axisMiles = new AmCharts.GaugeAxis();
axisMiles.startValue = 0;
axisMiles.endValue = 160;
axisMiles.radius = "80%";
axisMiles.axisColor = "#bebd61";
axisMiles.tickColor = "#bebd61";
axisMiles.axisThickness = 3;
axisMiles.valueInterval = 20;
chart.addAxis(axisMiles);
// arrow
arrow = new AmCharts.GaugeArrow();
arrow.radius = "85%";
arrow.color = "#8ec487";
arrow.innerRadius = 50;
arrow.nailRadius = 0;
chart.addArrow(arrow);
chart.write("chartdiv");
// update value every 2 seconds
setInterval(randomValue, 2000);
});
// set random value
function randomValue() {
var value = Math.round(Math.random() * 240);
arrow.setValue(value);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:400px; height:400px;"></div>
</body>
</html> _JSON_lineWithFilledValueRanges.html 0000644 00000006132 15167735342 0013501 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script src="../amcharts/themes/dark.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "dark",
"dataDateFormat": "YYYY-MM-DD",
"dataProvider": [{
"date": "2013-11-30",
"value": 104
}, {
"date": "2013-12-01",
"value": 108
}, {
"date": "2013-12-02",
"value": 103
}, {
"date": "2013-12-03",
"value": 105
}, {
"date": "2013-12-04",
"value": 136
}, {
"date": "2013-12-05",
"value": 138
}, {
"date": "2013-12-06",
"value": 113
}, {
"date": "2013-12-07",
"value": 131
}, {
"date": "2013-12-08",
"value": 114
}, {
"date": "2013-12-09",
"value": 124
}],
"valueAxes": [{
"maximum": 140,
"minimum": 100,
"axisAlpha": 0,
"guides": [{
"fillAlpha": 0.1,
"fillColor": "#CC0000",
"lineAlpha": 0,
"toValue": 120,
"value": 0
}, {
"fillAlpha": 0.1,
"fillColor": "#0000cc",
"lineAlpha": 0,
"toValue": 200,
"value": 120
}]
}],
"graphs": [{
"bullet": "round",
"dashLength": 4,
"valueField": "value"
}],
"chartCursor": {
"cursorAlpha": 0,
"zoomable":false,
"valueZoomable":true
},
"categoryField": "date",
"categoryAxis": {
"parseDates": true
},
"valueScrollbar":{
}
});
</script>
</head>
<body style="background-color:#3f3f4f;">
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> columnStackedAndClustered.html 0000644 00000015334 15167735342 0012547 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": "2003",
"europe": 2.5,
"namerica": 2.5,
"asia": 2.1,
"lamerica": 1.3,
"meast": 1.2,
"africa": 0.3
},
{
"year": "2004",
"europe": 2.6,
"namerica": 2.7,
"asia": 2.2,
"lamerica": 1.3,
"meast": 1.3,
"africa": 0.4
},
{
"year": "2005",
"europe": 2.8,
"namerica": 2.9,
"asia": 2.4,
"lamerica": 1.3,
"meast": 1.3,
"africa": 0.5
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.plotAreaBorderAlpha = 0.2;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "regular";
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.title = "Europe";
graph.labelText = "[[value]]";
graph.valueField = "europe";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#C72C95";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "North America";
graph.labelText = "[[value]]";
graph.valueField = "namerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#D8E0BD";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.title = "Asia-Pacific";
graph.labelText = "[[value]]";
graph.valueField = "asia";
graph.type = "column";
graph.newStack = true; // this line starts new stack
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B3DBD4";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// fourth graph
graph = new AmCharts.AmGraph();
graph.title = "Latin America";
graph.labelText = "[[value]]";
graph.valueField = "lamerica";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#69A55C";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// fifth graph
graph = new AmCharts.AmGraph();
graph.title = "Middle-East";
graph.labelText = "[[value]]";
graph.valueField = "meast";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#B5B8D3";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// sixth graph
graph = new AmCharts.AmGraph();
graph.title = "Africa";
graph.labelText = "[[value]]";
graph.valueField = "africa";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.lineColor = "#F4E23B";
graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span class='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
chart.addGraph(graph);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.borderAlpha = 0.2;
legend.horizontalGap = 10;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
// this method sets chart 2D/3D
function setDepth() {
if (document.getElementById("rb1").checked) {
chart.depth3D = 0;
chart.angle = 0;
} else {
chart.depth3D = 25;
chart.angle = 30;
}
chart.validateNow();
}
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
<div style="margin-left:30px;">
<input type="radio" checked="true" name="group" id="rb1" onclick="setDepth()">2D
<input type="radio" name="group" id="rb2" onclick="setDepth()">3D
</div>
</body>
</html> mekkoChart.html 0000644 00000006632 15167735342 0007546 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"continent": "North America",
"trucks": 40000,
"SUVs": 180000,
"cars": 90000,
"total": 310000
},
{
"continent": "Asia",
"trucks": 90000,
"SUVs": 40000,
"cars": 110000,
"total": 240000
},
{
"continent": "Europe",
"trucks": 30000,
"SUVs": 50000,
"cars": 110000,
"total": 190000
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "continent";
chart.plotAreaBorderAlpha = 0.2;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.widthField = "total";
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.stackType = "100% stacked";
valueAxis.gridAlpha = 0.1;
valueAxis.unit = "%";
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPHS
// first graph
var graph = new AmCharts.AmGraph();
graph.title = "Trucks";
graph.labelText = "[[value]]";
graph.valueField = "trucks";
graph.type = "column";
graph.fillAlphas = 1;
chart.addGraph(graph);
// second graph
graph = new AmCharts.AmGraph();
graph.title = "SUVs";
graph.labelText = "[[value]]";
graph.valueField = "SUVs";
graph.type = "column";
graph.fillAlphas = 1;
chart.addGraph(graph);
// third graph
graph = new AmCharts.AmGraph();
graph.title = "Cars";
graph.labelText = "[[value]]";
graph.valueField = "cars";
graph.type = "column";
graph.fillAlphas = 1;
chart.addGraph(graph);
chart.legend = new AmCharts.AmLegend();
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> _usingThemes.html 0000644 00000017533 15167735342 0010112 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<!-- theme files. you only need to include the theme you use.
feel free to modify themes and create your own themes -->
<script src="../ammap/themes/light.js" type="text/javascript"></script>
<script src="../ammap/themes/dark.js" type="text/javascript"></script>
<script src="../ammap/themes/black.js" type="text/javascript"></script>
<script src="../ammap/themes/chalk.js" type="text/javascript"></script>
<script>
// in order to set theme for a chart, all you need to include theme file
// located in amcharts/themes folder and set theme property for the chart.
var map;
makeMap("light", "#FFFFFF");
// Theme can only be applied when creating chart instance - this means
// that if you need to change theme at run time, youhave to create whole
// chart object once again.
function makeMap(theme, bgColor, bgImage) {
if (map) {
map.clear();
}
// background
if(document.body){
document.body.style.backgroundColor = bgColor;
document.body.style.backgroundImage = "url(" + bgImage + ")";
}
map = AmCharts.makeChart("mapdiv", {
type: "map",
theme: theme,
creditsPosition: "top-right",
dataProvider: {
map: "worldLow",
zoomLevel: 3.5,
zoomLongitude: 10,
zoomLatitude: 52,
areas: [{
title: "Austria",
id: "AT",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Ireland",
id: "IE",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Denmark",
id: "DK",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Finland",
id: "FI",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Sweden",
id: "SE",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Great Britain",
id: "GB",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Italy",
id: "IT",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "France",
id: "FR",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Spain",
id: "ES",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
}, {
title: "Greece",
id: "GR",
color: "#3366CC",
customData: "1981",
groupId: "before2004"
}, {
title: "Germany",
id: "DE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Belgium",
id: "BE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Luxembourg",
id: "LU",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Netherlands",
id: "NL",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Portugal",
id: "PT",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
}, {
title: "Lithuania",
id: "LT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Latvia",
id: "LV",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Czech Republic ",
id: "CZ",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovakia",
id: "SK",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovenia",
id: "SI",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Estonia",
id: "EE",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Hungary",
id: "HU",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Cyprus",
id: "CY",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Malta",
id: "MT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Poland",
id: "PL",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Romania",
id: "RO",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}, {
title: "Bulgaria",
id: "BG",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}
]
},
areasSettings: {
balloonText: "[[title]] joined EU at [[customData]]"
},
legend: {
width: "100%",
bottom: 15,
left: 15,
horizontalGap: 10,
data: [{
title: "Joined EU before 2004",
color: "#3366CC"
}, {
title: "Joined EU at 2004",
color: "#FFCC33"
}, {
title: "Joined EU at 2007",
color: "#66CC99"
}]
}
});
}
</script>
</head>
<body style="font-size:15px;">Select theme:
<a href="#" onclick="makeMap('light', '#ffffff');">Light</a> |
<a href="#" onclick="makeMap('dark', '#282828')">Dark</a> |
<a href="#" onclick="makeMap('black', '#222222')">Black</a> |
<a href="#" onclick="makeMap('chalk', '#282828', 'images/board.jpg')">Chalk</a>
<br><br>
<div id="mapdiv" style="width: 800px; height: 500px;"></div>
</body>
</html> xyBubbleSimple.html 0000644 00000005526 15167735343 0010406 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"x": 10,
"y": 14,
"value": 59
},
{
"x": 5,
"y": 3,
"value": 50
},
{
"x": -10,
"y": -3,
"value": 19
},
{
"x": -6,
"y": 5,
"value": 65
},
{
"x": 15,
"y": -4,
"value": 92
},
{
"x": 13,
"y": 1,
"value": 8
},
{
"x": 1,
"y": 6,
"value": 35
}
];
AmCharts.ready(function () {
// XY Chart
chart = new AmCharts.AmXYChart();
chart.dataProvider = chartData;
chart.startDuration = 1.5;
// AXES
// X
var xAxis = new AmCharts.ValueAxis();
xAxis.title = "X Axis";
xAxis.position = "bottom";
xAxis.autoGridCount = true;
chart.addValueAxis(xAxis);
// Y
var yAxis = new AmCharts.ValueAxis();
yAxis.title = "Y Axis";
yAxis.position = "left";
yAxis.autoGridCount = true;
chart.addValueAxis(yAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "value"; // valueField responsible for the size of a bullet
graph.xField = "x";
graph.yField = "y";
graph.lineAlpha = 0;
graph.bullet = "bubble";
graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>"
chart.addGraph(graph);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> _SVG_filters.html 0000644 00000003712 15167735343 0010001 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/usaLow.js" type="text/javascript"></script>
<style type="text/css">
.amcharts-map-area-US-TX {
filter: url(#shadow);
}
</style>
<script>
AmCharts.makeChart("mapdiv", {
"type": "map",
"pathToImages": "../ammap/images/",
"addClassNames": true,
"colorSteps": 10,
"dataProvider": {
"getAreasFromMap":true,
"map": "usaLow",
"areas": [{
"id": "US-TX",
"value": 4447100
}]
},
"areasSettings": {
"autoZoom": true
},
"defs": {
"filter":[
{
"id": "shadow",
"width": "150%",
"height": "150%",
"feOffset": {
"result": "offOut",
"in": "SourceAlpha",
"dx": "5",
"dy": "5"
},
"feGaussianBlur": {
"result": "blurOut",
"in": "offOut",
"stdDeviation": "5"
},
"feBlend": {
"in": "SourceGraphic",
"in2": "blurOut",
"mode": "normal"
}
}
]
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> lineWithReversedValueAxis.html 0000644 00000012701 15167735343 0012556 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 1930,
"italy": 1,
"germany": 5,
"uk": 3
},
{
"year": 1934,
"italy": 1,
"germany": 2,
"uk": 6
},
{
"year": 1938,
"italy": 2,
"germany": 3,
"uk": 1
},
{
"year": 1950,
"italy": 3,
"germany": 4,
"uk": 1
},
{
"year": 1954,
"italy": 5,
"germany": 1,
"uk": 2
},
{
"year": 1958,
"italy": 3,
"germany": 2,
"uk": 1
},
{
"year": 1962,
"italy": 1,
"germany": 2,
"uk": 3
},
{
"year": 1966,
"italy": 2,
"germany": 1,
"uk": 5
},
{
"year": 1970,
"italy": 3,
"germany": 5,
"uk": 2
},
{
"year": 1974,
"italy": 4,
"germany": 3,
"uk": 6
},
{
"year": 1978,
"italy": 1,
"germany": 2,
"uk": 4
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.startDuration = 0.5;
chart.balloon.color = "#000000";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.fillAlpha = 1;
categoryAxis.fillColor = "#FAFAFA";
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
categoryAxis.position = "top";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.title = "Place taken";
valueAxis.dashLength = 5;
valueAxis.axisAlpha = 0;
valueAxis.minimum = 1;
valueAxis.maximum = 6;
valueAxis.integersOnly = true;
valueAxis.gridCount = 10;
valueAxis.reversed = true; // this line makes the value axis reversed
chart.addValueAxis(valueAxis);
// GRAPHS
// Italy graph
var graph = new AmCharts.AmGraph();
graph.title = "Italy";
graph.valueField = "italy";
graph.hidden = true; // this line makes the graph initially hidden
graph.balloonText = "place taken by Italy in [[category]]: [[value]]";
graph.lineAlpha = 1;
graph.bullet = "round";
chart.addGraph(graph);
// Germany graph
var graph = new AmCharts.AmGraph();
graph.title = "Germany";
graph.valueField = "germany";
graph.balloonText = "place taken by Germany in [[category]]: [[value]]";
graph.bullet = "round";
chart.addGraph(graph);
// United Kingdom graph
var graph = new AmCharts.AmGraph();
graph.title = "United Kingdom";
graph.valueField = "uk";
graph.balloonText = "place taken by UK in [[category]]: [[value]]";
graph.bullet = "round";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorPosition = "mouse";
chartCursor.zoomable = false;
chartCursor.cursorAlpha = 0;
chart.addChartCursor(chartCursor);
// LEGEND
var legend = new AmCharts.AmLegend();
legend.useGraphSettings = true;
chart.addLegend(legend);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> lineStepNoRisers.html 0000644 00000010777 15167735343 0010734 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var graph;
var chartData = [
{
"year": "1950",
"value": 0.22
},
{
"year": "1951",
"value": 0.168
},
{
"year": "1952",
"value": 0.103
},
{
"year": "1953",
"value": 0.067
},
{
"year": "1954",
"value": 0.151
},
{
"year": "1955",
"value": 0.281
},
{
"year": "1956",
"value": 0.348
},
{
"year": "1957",
"value": 0.274
},
{
"year": "1958",
"value": 0.211
},
{
"year": "1959",
"value": 0.174
},
{
"year": "1960",
"value": 0.124
},
{
"year": "1961",
"value": 0.064
},
{
"year": "1962",
"value": 0.032
},
{
"year": "1963",
"value": 0.05
},
{
"year": "1964",
"value": 0.106
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.marginRight = 0;
chart.marginTop = 0;
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.dataDateFormat = "YYYY";
chart.color = "#FFFFFF";
chart.backgroundImage = "images/bgSky.jpg";
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
categoryAxis.gridCount = 20;
categoryAxis.autoGridCount = false;
categoryAxis.axisAlpha = 0.3;
categoryAxis.axisColor = "#FFFFFF";
categoryAxis.gridAlpha = 0.05;
// VALUE
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0.3;
valueAxis.axisColor = "#FFFFFF";
valueAxis.showLastLabel = false;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.type = "step"; // this line makes step graph
graph.noStepRisers = true;
graph.valueField = "value";
graph.lineColor = "#FFFFFF";
graph.lineThickness = 1;
graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "YYYY";
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 800px; height: 500px;"></div>
</body>
</html> columnWithGradientFills.html 0000644 00000006452 15167735343 0012260 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "Czech Republic",
"litres": 156.9,
"short": "CZ"
},
{
"country": "Ireland",
"litres": 131.1,
"short": "IR"
},
{
"country": "Germany",
"litres": 115.8,
"short": "DE"
},
{
"country": "Australia",
"litres": 109.9,
"short": "AU"
},
{
"country": "Austria",
"litres": 108.3,
"short": "AT"
},
{
"country": "UK",
"litres": 99,
"short": "UK"
},
{
"country": "Belgium",
"litres": 93,
"short": "BE"
}
];
AmCharts.ready(function () {
// SERIAL CHART
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 2;
// change balloon text color
chart.balloon.color = "#000000";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.labelsEnabled = false;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0;
valueAxis.axisAlpha = 0;
valueAxis.labelsEnabled = false;
valueAxis.minimum = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.balloonText = "[[category]]: [[value]]";
graph.valueField = "litres";
graph.descriptionField = "short";
graph.type = "column";
graph.lineAlpha = 0;
graph.fillAlphas = 1;
graph.fillColors = ["#ffe78e", "#bf1c25"];
graph.labelText = "[[description]]";
graph.balloonText = "[[category]]: [[value]] Litres";
chart.addGraph(graph);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 520px; height: 400px;"></div>
</body>
</html> angularGauge.html 0000644 00000004640 15167735343 0010056 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/gauge.js" type="text/javascript"></script>
<script>
var chart;
var arrow;
var axis;
AmCharts.ready(function () {
// create angular gauge
chart = new AmCharts.AmAngularGauge();
chart.addTitle("Speedometer");
// create axis
axis = new AmCharts.GaugeAxis();
axis.startValue = 0;
axis.axisThickness = 1;
axis.valueInterval = 10;
axis.endValue = 220;
// color bands
var band1 = new AmCharts.GaugeBand();
band1.startValue = 0;
band1.endValue = 90;
band1.color = "#00CC00";
var band2 = new AmCharts.GaugeBand();
band2.startValue = 90;
band2.endValue = 130;
band2.color = "#ffac29";
var band3 = new AmCharts.GaugeBand();
band3.startValue = 130;
band3.endValue = 220;
band3.color = "#ea3838";
band3.innerRadius = "95%";
axis.bands = [band1, band2, band3];
// bottom text
axis.bottomTextYOffset = -20;
axis.setBottomText("0 km/h");
chart.addAxis(axis);
// gauge arrow
arrow = new AmCharts.GaugeArrow();
chart.addArrow(arrow);
chart.write("chartdiv");
// change value every 2 seconds
setInterval(randomValue, 2000);
});
// set random value
function randomValue() {
var value = Math.round(Math.random() * 200);
arrow.setValue(value);
axis.setBottomText(value + " km/h");
}
</script>
</head>
<body>
<div id="chartdiv" style="width:500px; height:400px;"></div>
</body>
</html> columnCylinders.html 0000644 00000010667 15167735343 0010634 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"visits": 3025,
"color": "#FF0F00"
},
{
"country": "China",
"visits": 1882,
"color": "#FF6600"
},
{
"country": "Japan",
"visits": 1809,
"color": "#FF9E01"
},
{
"country": "Germany",
"visits": 1322,
"color": "#FCD202"
},
{
"country": "UK",
"visits": 1122,
"color": "#F8FF01"
},
{
"country": "France",
"visits": 1114,
"color": "#B0DE09"
},
{
"country": "India",
"visits": 984,
"color": "#04D215"
},
{
"country": "Spain",
"visits": 711,
"color": "#0D8ECF"
},
{
"country": "Netherlands",
"visits": 665,
"color": "#0D52D1"
},
{
"country": "Russia",
"visits": 580,
"color": "#2A0CD0"
},
{
"country": "South Korea",
"visits": 443,
"color": "#8A0CCF"
},
{
"country": "Canada",
"visits": 441,
"color": "#CD0D74"
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 1;
chart.depth3D = 50;
chart.angle = 30;
chart.marginRight = -45;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "visits";
graph.colorField = "color";
graph.balloonText = "<b>[[category]]: [[value]]</b>";
graph.type = "column";
graph.lineAlpha = 0.5;
graph.lineColor = "#FFFFFF";
graph.topRadius = 1;
graph.fillAlphas = 0.9;
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chartCursor.valueLineEnabled = true;
chartCursor.valueLineBalloonEnabled = true;
chartCursor.valueLineAlpha = 1;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> clock.html 0000644 00000004625 15167735343 0006552 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/gauge.js" type="text/javascript"></script>
<script>
var chart;
var sArrow;
var mArrow;
var hArrow;
AmCharts.ready(function () {
// clock is just an angular gauge with three arrows
chart = new AmCharts.AmAngularGauge();
chart.startDuration = 0.3;
// for simplicyty, we use only one axis
var axis = new AmCharts.GaugeAxis();
axis.startValue = 0;
axis.endValue = 12;
axis.valueInterval = 1;
axis.minorTickInterval = 0.2;
axis.showFirstLabel = false;
axis.startAngle = 0;
axis.endAngle = 360;
axis.axisAlpha = 0.3;
chart.addAxis(axis);
// hour arrow
hArrow = new AmCharts.GaugeArrow();
hArrow.radius = "50%";
hArrow.clockWiseOnly = true;
// minutes arrow
mArrow = new AmCharts.GaugeArrow();
mArrow.radius = "80%";
mArrow.startWidth = 6;
mArrow.nailRadius = 0;
mArrow.clockWiseOnly = true;
// seconds arrow
sArrow = new AmCharts.GaugeArrow();
sArrow.radius = "90%";
sArrow.startWidth = 3;
sArrow.nailRadius = 4;
sArrow.color = "#CC0000";
sArrow.clockWiseOnly = true;
// update clock before adding arrows to avoid initial animation
updateClock();
// add arrows
chart.addArrow(hArrow);
chart.addArrow(mArrow);
chart.addArrow(sArrow);
chart.write("chartdiv");
// update each second
setInterval(updateClock, 1000);
});
// update clock
function updateClock() {
// get current date
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
// set hours
hArrow.setValue(hours + minutes / 60);
// set minutes
mArrow.setValue(12 * (minutes + seconds / 60) / 60);
// set seconds
sArrow.setValue(12 * date.getSeconds() / 60);
}
</script>
</head>
<body>
<div id="chartdiv" style="width:300px; height:250px;"></div>
</body>
</html> _JSON_pieWithLegend.html 0000644 00000003435 15167735343 0011175 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/pie.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("chartdiv", {
"type": "pie",
"dataProvider": [{
"country": "Czech Republic",
"litres": 156.9
}, {
"country": "Ireland",
"litres": 131.1
}, {
"country": "Germany",
"litres": 115.8
}, {
"country": "Australia",
"litres": 109.9
}, {
"country": "Austria",
"litres": 108.3
}, {
"country": "UK",
"litres": 65
}, {
"country": "Belgium",
"litres": 50
}],
"titleField": "country",
"valueField": "litres",
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
"legend": {
"align": "center",
"markerType": "circle"
}
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> lineWithLogarithmicValueAxis.html 0000644 00000011775 15167735343 0013253 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"date": "2012-03-01",
"price": 20
},
{
"date": "2012-03-02",
"price": 75
},
{
"date": "2012-03-03",
"price": 15
},
{
"date": "2012-03-04",
"price": 75
},
{
"date": "2012-03-05",
"price": 158
},
{
"date": "2012-03-06",
"price": 57
},
{
"date": "2012-03-07",
"price": 107
},
{
"date": "2012-03-08",
"price": 89
},
{
"date": "2012-03-09",
"price": 75
},
{
"date": "2012-03-10",
"price": 132
},
{
"date": "2012-03-11",
"price": 158
},
{
"date": "2012-03-12",
"price": 56
},
{
"date": "2012-03-13",
"price": 169
},
{
"date": "2012-03-14",
"price": 24
},
{
"date": "2012-03-15",
"price": 147
}
];
var average = 90.4;
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
chart.dataDateFormat = "YYYY-MM-DD";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
categoryAxis.dashLength = 1;
categoryAxis.gridAlpha = 0.15;
categoryAxis.axisColor = "#DADADA";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisColor = "#DADADA";
valueAxis.dashLength = 1;
valueAxis.logarithmic = true; // this line makes axis logarithmic
chart.addValueAxis(valueAxis);
// GUIDE for average
var guide = new AmCharts.Guide();
guide.value = average;
guide.lineColor = "#CC0000";
guide.dashLength = 4;
guide.label = "average";
guide.inside = true;
guide.lineAlpha = 1;
valueAxis.addGuide(guide);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.type = "smoothedLine";
graph.bullet = "round";
graph.bulletColor = "#FFFFFF";
graph.useLineColorForBulletBorder = true;
graph.bulletBorderAlpha = 1;
graph.bulletBorderThickness = 2;
graph.bulletSize = 7;
graph.title = "Price";
graph.valueField = "price";
graph.lineThickness = 2;
graph.lineColor = "#00BBCC";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorPosition = "mouse";
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.graph = graph;
chartScrollbar.scrollbarHeight = 30;
chart.addChartScrollbar(chartScrollbar);
chart.creditsPosition = "bottom-right";
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> errorChart.html 0000644 00000007405 15167735343 0007571 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"year": 2005,
"value": 11.5,
"error": 5
},
{
"year": 2006,
"value": 26.2,
"error": 5
},
{
"year": 2007,
"value": 30.1,
"error": 5
},
{
"year": 2008,
"value": 29.5,
"error": 7
},
{
"year": 2009,
"value": 24.6,
"error": 10
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "year";
chart.startDuration = 1;
chart.balloon.textAlign = "left";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.dashLength = 3;
categoryAxis.axisAlpha = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.dashLength = 3;
chart.addValueAxis(valueAxis);
// GRAPHS
var graph1 = new AmCharts.AmGraph();
graph1.valueField = "value";
graph1.lineColor = "#ff339d";
graph1.lineThickness = 2;
graph1.bullet = "yError";
graph1.errorField = "error";
graph1.bulletSize = 10; // when bulletAxis is set, this property affects only width of error bar
graph1.bulletAxis = valueAxis;
graph1.balloonText = "value:<b>[[value]]</b><br>error:<b>[[error]]</b>";
chart.addGraph(graph1);
// one more graph added for circle bullets, as onew graph can show one bullet type only
var graph2 = new AmCharts.AmGraph();
graph2.valueField = "value";
graph2.lineColor = "#ff339d";
graph2.lineThickness = 2;
graph2.lineAlpha = 0;
graph2.bullet = "round";
graph2.bulletBorderThickness = 2;
graph2.bulletBorderColor = "#FFFFFF";
graph2.bulletBorderAlpha = 1;
graph2.showBalloon = false;
chart.addGraph(graph2);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.cursorPosition = "mouse";
chartCursor.graphBulletSize = 1;
chart.addChartCursor(chartCursor);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:700px; height:400px;"></div>
</body>
</html> waterFallChart.html 0000644 00000012352 15167735343 0010356 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"name": "Income A",
"open": 0,
"close": 11.13,
"color": "#54cb6a",
"balloonValue": 11.13
},
{
"name": "Income B",
"open": 11.13,
"close": 15.81,
"color": "#54cb6a",
"balloonValue": 4.68
},
{
"name": "Total Income",
"open": 0,
"close": 15.81,
"color": "#169b2f",
"balloonValue": 15.81
},
{
"name": "Expenses A",
"open": 12.92,
"close": 15.81,
"color": "#cc4b48",
"balloonValue": 2.89
},
{
"name": "Expenses B",
"open": 8.64,
"close": 12.92,
"color": "#cc4b48",
"balloonValue": 4.24
},
{
"name": "Revenue",
"open": 0,
"close": 8.64,
"color": "#1c8ceb",
"balloonValue": 11.13
}
];
AmCharts.ready(function () {
// Waterfall chart is a simple serial chart with some specific settings
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "name";
chart.columnWidth = 0.6;
chart.startDuration = 1;
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.gridAlpha = 0.1;
valueAxis.axisAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "close";
graph.openField = "open";
graph.type = "column";
graph.lineAlpha = 1;
graph.lineColor = "#BBBBBB";
graph.colorField = "color";
graph.fillAlphas = 0.8;
graph.balloonText = "<span style='color:[[color]]'>[[category]]</span><br><span style='font-size:13px;'><b>$[[balloonValue]] Mln</b></span>";
graph.labelText = "$[[balloonValue]]";
chart.addGraph(graph);
// Trend lines used for connectors
var trendLine = new AmCharts.TrendLine();
trendLine.initialCategory = "Income A";
trendLine.finalCategory = "Income B";
trendLine.initialValue = 11.13;
trendLine.finalValue = 11.13;
trendLine.lineColor = "#888888";
trendLine.dashLength = 3;
chart.addTrendLine(trendLine);
trendLine = new AmCharts.TrendLine();
trendLine.initialCategory = "Income B";
trendLine.finalCategory = "Expenses A";
trendLine.initialValue = 15.81;
trendLine.finalValue = 15.81;
trendLine.lineColor = "#888888";
trendLine.dashLength = 3;
chart.addTrendLine(trendLine);
trendLine = new AmCharts.TrendLine();
trendLine.initialCategory = "Expenses A";
trendLine.finalCategory = "Expenses B";
trendLine.initialValue = 12.92;
trendLine.finalValue = 12.92;
trendLine.lineColor = "#888888";
trendLine.dashLength = 3;
chart.addTrendLine(trendLine);
trendLine = new AmCharts.TrendLine();
trendLine.initialCategory = "Expenses B";
trendLine.finalCategory = "Revenue";
trendLine.initialValue = 8.64;
trendLine.finalValue = 8.64;
trendLine.lineColor = "#888888";
trendLine.dashLength = 3;
chart.addTrendLine(trendLine);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> radarSimple.html 0000644 00000004540 15167735343 0007716 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/radar.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "Czech Republic",
"litres": 156.9
},
{
"country": "Ireland",
"litres": 131.1
},
{
"country": "Germany",
"litres": 115.8
},
{
"country": "Australia",
"litres": 109.9
},
{
"country": "Austria",
"litres": 108.3
},
{
"country": "UK",
"litres": 99
}
];
AmCharts.ready(function () {
// RADAR CHART
chart = new AmCharts.AmRadarChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 2;
// VALUE AXIS
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0.15;
valueAxis.minimum = 0;
valueAxis.dashLength = 3;
valueAxis.axisTitleOffset = 20;
valueAxis.gridCount = 5;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "litres";
graph.bullet = "round";
graph.balloonText = "[[value]] litres of beer per year";
chart.addGraph(graph);
// WRITE
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width:600px; height:400px;"></div>
</body>
</html> columnWithPatterns.html 0000644 00000007600 15167735343 0011325 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var chartData = [
{
"country": "USA",
"visits": 4025,
"pattern": {"url":"patterns/black/pattern21.png", "width":4, "height":4, "color":"#CC0000"}
},
{
"country": "China",
"visits": 1882,
"pattern": {"url":"patterns/black/pattern20.png", "width":4, "height":4}
},
{
"country": "Japan",
"visits": 1809,
"pattern": {"url":"patterns/black/pattern19.png", "width":4, "height":4}
},
{
"country": "Germany",
"visits": 1322,
"pattern": {"url":"patterns/black/pattern18.png", "width":4, "height":4}
},
{
"country": "UK",
"visits": 1122,
"pattern": {"url":"patterns/black/pattern17.png", "width":4, "height":4}
},
{
"country": "France",
"visits": 1114,
"pattern": {"url":"patterns/black/pattern16.png", "width":4, "height":4}
},
{
"country": "India",
"visits": 984,
"pattern": {"url":"patterns/black/pattern15.png", "width":4, "height":4}
},
{
"country": "Spain",
"visits": 711,
"pattern": {"url":"patterns/black/pattern14.png", "width":4, "height":4}
}
];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.gridPosition = "start";
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueField = "visits";
graph.balloonText = "[[category]]: <b>[[value]]</b>";
graph.type = "column";
graph.lineAlpha = 0;
graph.lineColor = "#000000";
graph.fillAlphas = 0.8;
graph.patternField = "pattern";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.zoomable = false;
chartCursor.categoryBalloonEnabled = false;
chart.addChartCursor(chartCursor);
chart.creditsPosition = "top-right";
chart.write("chartdiv");
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
</body>
</html> _JSON_radarSimple.html 0000644 00000003715 15167735343 0010711 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/radar.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
type: "radar",
dataProvider: [{
"country": "Czech Republic",
"litres": 156.9
}, {
"country": "Ireland",
"litres": 131.1
}, {
"country": "Germany",
"litres": 115.8
}, {
"country": "Australia",
"litres": 109.9
}, {
"country": "Austria",
"litres": 108.3
}, {
"country": "UK",
"litres": 99
}],
categoryField: "country",
startDuration: 2,
valueAxes: [{
axisAlpha: 0.15,
minimum: 0,
dashLength: 3,
axisTitleOffset: 20,
gridCount: 5
}],
graphs: [{
valueField: "litres",
bullet: "round",
balloonText: "[[value]] litres of beer per year"
}],
"export": {
"enabled": true,
"libs": {
"autoLoad": false
}
}
});
</script>
</head>
<body>
<div id="chartdiv" style="width:600px; height:400px;"></div>
</body>
</html> _JSON_angularGauge.html 0000644 00000004121 15167735343 0011040 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/gauge.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
type: "gauge",
titles: [{
"text": "Speedometer",
"size": 15
}],
axes: [{
startValue: 0,
axisThickness: 1,
endValue: 220,
valueInterval: 10,
bottomTextYOffset: -20,
bottomText: "0 km/h",
bands: [{
startValue: 0,
endValue: 90,
color: "#00CC00"
},
{
startValue: 90,
endValue: 130,
color: "#ffac29"
},
{
startValue: 130,
endValue: 220,
color: "#ea3838",
innerRadius: "95%"
}
]
}],
arrows: [{}]
});
setInterval(randomValue, 2000);
// set random value
function randomValue() {
var value = Math.round(Math.random() * 200);
chart.arrows[0].setValue(value);
chart.axes[0].setBottomText(value + " km/h");
}
</script>
</head>
<body>
<div id="chartdiv" style="width:500px; height:400px;"></div>
</body>
</html> _JSON_xyBubbleWithZoom.html 0000644 00000006357 15167735343 0011730 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/xy.js" type="text/javascript"></script>
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "xy",
"startDuration": 1.5,
"chartCursor": {},
"chartScrollbar": {},
"trendLines": [],
"graphs": [{
"balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
"bullet": "bubble",
"id": "AmGraph-3",
"lineAlpha": 0,
"lineColor": "#b0de09",
"valueField": "value",
"xField": "x",
"yField": "y"
}, {
"balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
"bullet": "bubble",
"id": "AmGraph-4",
"lineAlpha": 0,
"lineColor": "#fcd202",
"valueField": "value2",
"xField": "x2",
"yField": "y2"
}],
"guides": [],
"valueAxes": [{
"id": "ValueAxis-2",
"axisAlpha": 0
}, {
"id": "ValueAxis-3",
"axisAlpha": 0,
"position": "left"
}],
"allLabels": [],
"balloon": {},
"titles": [],
"dataProvider": [{
"y": 10,
"x": 14,
"value": 59,
"y2": -5,
"x2": -3,
"value2": 44
}, {
"y": 5,
"x": 3,
"value": 50,
"y2": -15,
"x2": -8,
"value2": 12
}, {
"y": -10,
"x": -3,
"value": 19,
"y2": -4,
"x2": 6,
"value2": 35
}, {
"y": -6,
"x": 5,
"value": 65,
"y2": -5,
"x2": -6,
"value2": 168
}, {
"y": 15,
"x": -4,
"value": 92,
"y2": -10,
"x2": -8,
"value2": 102
}, {
"y": 13,
"x": 1,
"value": 8,
"y2": -2,
"x2": -3,
"value2": 41
}, {
"y": 1,
"x": 6,
"value": 35,
"y2": 0,
"x2": -3,
"value2": 16
}]
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
</body>
</html> ohlc.html 0000644 00000022674 15167735343 0006410 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script src="../amcharts/serial.js" type="text/javascript"></script>
<script>
var chart;
var dataString = "2012-02-13,126.68,129.78,125.63,129.40\n2012-02-12,130.70,131.00,123.62,124.86\n2012-02-11,128.01,129.98,127.20,129.45\n2012-02-08,122.08,125.70,121.60,125.48\n2012-02-07,119.97,124.78,117.27,121.24\n2012-02-06,130.83,131.92,121.77,122.00\n2012-02-05,130.43,134.00,128.90,129.36\n2012-02-04,134.21,135.90,131.42,131.65\n2012-02-01,136.24,136.59,132.18,133.75\n2012-01-31,129.45,136.65,129.40,135.36\n2012-01-30,131.37,135.45,130.00,132.18\n2012-01-29,131.15,132.79,129.05,131.54\n2012-01-28,128.16,133.20,126.45,130.01\n2012-01-25,138.99,139.09,129.61,130.01\n2012-01-24,139.99,140.70,132.01,135.60\n2012-01-23,136.19,140.00,126.14,139.07\n2012-01-22,148.06,159.98,146.00,155.64\n2012-01-18,161.71,165.75,159.61,161.36\n2012-01-17,161.51,165.36,158.42,160.89\n2012-01-16,165.23,169.01,156.70,159.64\n2012-01-15,177.72,179.22,164.66,169.04\n2012-01-14,177.52,179.42,175.17,178.78\n2012-01-11,176.00,177.85,170.00,172.69\n2012-01-10,177.58,181.00,175.41,178.02\n2012-01-09,171.30,179.50,168.30,179.40\n2012-01-08,180.14,182.46,170.80,171.25\n2012-01-07,181.25,183.60,170.23,177.64\n2012-01-04,191.45,193.00,178.89,180.05\n2012-01-03,195.41,197.39,192.69,194.93\n2012-01-02,199.27,200.26,192.55,194.84\n2011-12-31,199.50,200.50,197.75,198.08\n2011-12-28,200.59,201.56,196.88,199.83\n2011-12-27,198.95,202.96,197.80,198.57\n2011-12-26,199.01,200.96,196.82,198.95\n2011-12-24,195.03,199.33,194.79,198.80\n2011-12-21,190.12,193.91,189.89,193.91\n2011-12-20,185.43,187.83,183.33,187.21\n2011-12-19,182.98,184.64,180.90,183.12\n2011-12-18,186.52,187.33,178.60,182.98\n2011-12-17,190.72,192.65,182.98,184.40\n2011-12-14,190.37,193.20,189.54,190.39\n2011-12-13,190.19,192.12,187.82,191.83\n2011-12-12,193.44,194.48,185.76,190.86\n2011-12-11,194.75,196.83,187.39,188.54\n2011-12-10,193.59,195.66,192.69,194.21\n2011-12-07,190.54,194.99,188.04,194.30\n2011-12-06,186.19,190.10,186.12,189.95\n2011-12-05,182.89,186.00,182.41,185.50\n2011-12-04,177.15,180.90,176.99,179.81\n2011-12-03,181.86,184.14,177.70,178.86\n2011-11-30,187.34,187.70,179.70,182.22\n2011-11-29,179.43,185.17,179.15,184.29\n2011-11-28,176.82,180.60,175.35,180.22\n2011-11-27,175.22,175.79,170.01,174.81\n2011-11-26,173.59,177.27,172.35,172.54\n2011-11-23,172.00,172.05,169.75,171.54\n2011-11-21,165.84,172.35,164.67,168.46\n2011-11-20,165.67,171.79,163.53,168.85\n2011-11-19,166.10,168.20,162.10,163.95\n2011-11-16,165.30,167.02,159.33,166.39\n2011-11-15,166.39,169.59,160.30,164.30\n2011-11-14,177.16,177.57,163.74,166.11\n2011-11-13,160.85,170.98,153.76,169.96\n2011-11-12,165.28,167.70,150.63,153.76\n2011-11-09,171.15,175.12,165.21,165.37\n2011-11-08,186.67,186.90,167.77,175.47\n2011-11-07,190.61,192.68,186.13,186.30\n2011-11-06,187.05,192.00,185.27,191.79\n2011-11-05,185.29,188.96,184.24,186.18\n2011-11-02,189.21,189.44,183.49,187.87\n2011-11-01,188.60,190.10,180.00,187.44\n2011-10-31,187.63,190.12,184.95,189.95\n2011-10-30,186.18,189.37,184.73,187.00\n2011-10-29,185.45,186.59,184.70,185.09\n2011-10-26,185.29,185.37,182.88,184.70\n2011-10-25,184.87,185.90,181.66,182.78\n2011-10-24,185.81,187.21,179.24,185.93\n2011-10-23,188.56,188.60,182.76,186.16\n2011-10-22,170.35,174.90,169.96,174.36\n2011-10-19,174.24,174.63,170.00,170.42\n2011-10-18,171.50,174.19,171.05,173.50\n2011-10-17,172.69,173.04,169.18,172.75\n2011-10-16,165.54,170.18,165.15,169.58\n2011-10-15,167.98,169.57,163.50,166.98\n2011-10-12,163.01,167.28,161.80,167.25\n2011-10-11,169.49,171.88,153.21,162.23\n2011-10-10,167.55,167.88,165.60,166.79\n2011-10-09,170.20,171.11,166.68,167.86\n2011-10-08,163.49,167.91,162.97,167.91\n2011-10-05,158.37,161.58,157.70,161.45\n2011-10-04,158.00,158.08,153.50,156.24\n2011-10-03,157.78,159.18,157.01,157.92\n2011-10-02,156.55,158.59,155.89,158.45\n2011-10-01,154.63,157.41,152.93,156.34\n2011-09-28,153.44,154.60,152.75,153.47\n2011-09-27,153.77,154.52,152.32,154.50\n2011-09-26,154.47,155.00,151.25,152.77\n2011-09-25,146.84,153.22,146.82,153.18\n2011-09-24,146.73,149.85,146.65,148.28\n2011-09-21,141.14,144.65,140.31,144.15\n2011-09-20,140.15,141.79,139.32,140.31\n2011-09-19,143.02,143.16,139.40,140.77\n2011-09-18,139.06,142.85,137.83,140.92\n2011-09-17,138.99,140.59,137.60,138.41\n2011-09-14,136.57,138.98,136.20,138.81\n2011-09-13,138.83,139.00,136.65,137.20\n2011-09-12,135.99,139.40,135.75,136.85\n2011-09-11,137.90,138.30,133.75,135.49\n2011-09-10,136.99,138.04,133.95,136.71\n2011-09-07,132.01,132.30,130.00,131.77\n2011-09-06,135.56,137.57,132.71,135.01\n2011-09-05,144.97,145.84,136.10,136.76\n2011-09-04,139.94,145.73,139.84,144.16\n2011-08-31,139.49,139.65,137.41,138.48\n2011-08-30,132.67,138.25,132.30,136.25\n2011-08-29,129.88,134.18,129.54,134.08\n2011-08-28,130.99,132.41,126.63,126.82\n2011-08-27,133.39,134.66,132.10,132.25\n2011-08-24,130.53,135.37,129.81,135.30\n2011-08-23,133.09,133.34,129.76,131.07\n2011-08-22,131.22,132.75,130.33,132.51\n2011-08-21,122.21,128.96,121.00,127.57\n2011-08-20,123.96,124.50,120.50,122.22\n2011-08-17,122.01,123.50,119.82,122.06\n2011-08-16,117.01,118.50,111.62,117.05\n2011-08-15,122.74,124.86,119.65,119.90\n2011-08-14,128.29,128.30,123.71,124.03\n2011-08-13,128.32,129.35,126.50,127.79\n2011-08-10,123.12,127.75,120.30,125.00\n2011-08-09,131.11,133.00,125.09,126.39\n2011-08-08,136.76,136.86,132.00,134.01\n2011-08-07,134.94,137.24,132.63,135.03\n2011-08-06,132.90,135.27,128.30,135.25\n2011-08-03,135.26,135.95,131.50,131.85\n2011-08-02,136.65,136.96,134.15,136.49";
var chartData = [];
AmCharts.ready(function () {
// parse data string first
parseData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.plotAreaBorderColor = "#000000";
chart.plotAreaBorderAlpha = 1;
chart.categoryField = "date";
// AXES
// Category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
// value
// in case you don't want to change default settings of value axis,
// you don't need to create it, as one value axis is created automatically.
// GRAPH
var graph = new AmCharts.AmGraph();
graph.title = "Price:";
graph.type = "ohlc";
graph.lineColor = "#7f8da9";
graph.fillColors = "#7f8da9";
graph.negativeLineColor = "#db4c3c";
graph.negativeFillColors = "#db4c3c";
// candlestick graph has 4 fields - open, low, high, close
graph.openField = "open";
graph.highField = "high";
graph.lowField = "low";
graph.closeField = "close";
// this will be used by scrollbar's graph, as we force it to "line" type
graph.valueField = "close";
graph.balloonText = "Open:<b>[[open]]</b><br>Low:<b>[[low]]</b><br>High:<b>[[high]]</b><br>Close:<b>[[close]]</b><br>";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.scrollbarHeight = 30;
chartScrollbar.graph = graph;
chartScrollbar.graphType = "line";
chartScrollbar.gridCount = 4;
chartScrollbar.color = "#FFFFFF";
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
// Parse data
function parseData() {
// split data string into array
var rowArray = dataString.split("\n");
// loop through this array and create data items
for (var i = rowArray.length - 1; i > -1; i--) {
var row = rowArray[i].split(",");
var dateArray = row[0].split("-");
// we have to subtract 1 from month, as months in javascript are zero-based
var date = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]));
var open = row[1];
var high = row[2];
var low = row[3];
var close = row[4];
chartData.push({
date: date,
open: open,
high: high,
low: low,
close: close
});
}
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html> _JSON_groupedCountries.html 0000644 00000012344 15167740746 0012010 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map = AmCharts.makeChart("mapdiv", {
type: "map",
creditsPosition: "top-right",
dataProvider: {
map: "worldLow",
zoomLevel: 3.5,
zoomLongitude: 10,
zoomLatitude: 52,
areas: [{
title: "Austria",
id: "AT",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Ireland",
id: "IE",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Denmark",
id: "DK",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Finland",
id: "FI",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Sweden",
id: "SE",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Great Britain",
id: "GB",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Italy",
id: "IT",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "France",
id: "FR",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Spain",
id: "ES",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
}, {
title: "Greece",
id: "GR",
color: "#3366CC",
customData: "1981",
groupId: "before2004"
}, {
title: "Germany",
id: "DE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Belgium",
id: "BE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Luxembourg",
id: "LU",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Netherlands",
id: "NL",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Portugal",
id: "PT",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
},
{
title: "Lithuania",
id: "LT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Latvia",
id: "LV",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Czech Republic ",
id: "CZ",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovakia",
id: "SK",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovenia",
id: "SI",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Estonia",
id: "EE",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Hungary",
id: "HU",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Cyprus",
id: "CY",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Malta",
id: "MT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Poland",
id: "PL",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
},
{
title: "Romania",
id: "RO",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}, {
title: "Bulgaria",
id: "BG",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}
]
},
areasSettings: {
unlistedAreasColor: "#DDDDDD",
rollOverOutlineColor: "#FFFFFF",
rollOverColor: "#CC0000",
balloonText: "[[title]] joined EU at [[customData]]"
},
legend: {
width: 600,
backgroundAlpha: 0.5,
backgroundColor: "#FFFFFF",
borderColor: "#666666",
borderAlpha: 1,
bottom: 15,
left: 15,
horizontalGap: 10,
data: [{
title: "Joined EU before 2004",
color: "#3366CC"
}, {
title: "Joined EU at 2004",
color: "#FFCC33"
}, {
title: "Joined EU at 2007",
color: "#66CC99"
}]
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> worldCapitals.html 0000644 00000053513 15167740746 0010272 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map;
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.imagesSettings = {
rollOverColor: "#CC0000",
rollOverScale: 3,
selectedScale: 3,
selectedColor: "#CC0000"
};
map.areasSettings = {
outlineThickness:0.1
};
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
images: [
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Vienna", latitude:48.2092, longitude:16.3728},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Minsk", latitude:53.9678, longitude:27.5766},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Brussels", latitude:50.8371, longitude:4.3676},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Sarajevo", latitude:43.8608, longitude:18.4214},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Sofia", latitude:42.7105, longitude:23.3238},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Zagreb", latitude:45.8150, longitude:15.9785},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Pristina", latitude:42.666667, longitude:21.166667},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Prague", latitude:50.0878, longitude:14.4205},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Copenhagen", latitude:55.6763, longitude:12.5681},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Tallinn", latitude:59.4389, longitude:24.7545},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Helsinki", latitude:60.1699, longitude:24.9384},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Paris", latitude:48.8567, longitude:2.3510},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Berlin", latitude:52.5235, longitude:13.4115},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Athens", latitude:37.9792, longitude:23.7166},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Budapest", latitude:47.4984, longitude:19.0408},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Reykjavik", latitude:64.1353, longitude:-21.8952},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dublin", latitude:53.3441, longitude:-6.2675},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Rome", latitude:41.8955, longitude:12.4823},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Riga", latitude:56.9465, longitude:24.1049},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Vaduz", latitude:47.1411, longitude:9.5215},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Vilnius", latitude:54.6896, longitude:25.2799},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Luxembourg", latitude:49.6100, longitude:6.1296},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Skopje", latitude:42.0024, longitude:21.4361},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Valletta", latitude:35.9042, longitude:14.5189},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Chisinau", latitude:47.0167, longitude:28.8497},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Monaco", latitude:43.7325, longitude:7.4189},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Podgorica", latitude:42.4602, longitude:19.2595},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Amsterdam", latitude:52.3738, longitude:4.8910},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Oslo", latitude:59.9138, longitude:10.7387},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Warsaw", latitude:52.2297, longitude:21.0122},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Lisbon", latitude:38.7072, longitude:-9.1355},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bucharest", latitude:44.4479, longitude:26.0979},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Moscow", latitude:55.7558, longitude:37.6176},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"San Marino", latitude:43.9424, longitude:12.4578},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Belgrade", latitude:44.8048, longitude:20.4781},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bratislava", latitude:48.2116, longitude:17.1547},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ljubljana", latitude:46.0514, longitude:14.5060},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Madrid", latitude:40.4167, longitude:-3.7033},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Stockholm", latitude:59.3328, longitude:18.0645},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bern", latitude:46.9480, longitude:7.4481},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kiev", latitude:50.4422, longitude:30.5367},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"London", latitude:51.5002, longitude:-0.1262},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Gibraltar", latitude:36.1377, longitude:-5.3453},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Saint Peter Port", latitude:49.4660, longitude:-2.5522},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Douglas", latitude:54.1670, longitude:-4.4821},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Saint Helier", latitude:49.1919, longitude:-2.1071},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Longyearbyen", latitude:78.2186, longitude:15.6488},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kabul", latitude:34.5155, longitude:69.1952},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Yerevan", latitude:40.1596, longitude:44.5090},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Baku", latitude:40.3834, longitude:49.8932},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Manama", latitude:26.1921, longitude:50.5354},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dhaka", latitude:23.7106, longitude:90.3978},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Thimphu", latitude:27.4405, longitude:89.6730},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bandar Seri Begawan", latitude:4.9431, longitude:114.9425},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Phnom Penh", latitude:11.5434, longitude:104.8984},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Peking", latitude:39.9056, longitude:116.3958},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Nicosia", latitude:35.1676, longitude:33.3736},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"T'bilisi", latitude:41.7010, longitude:44.7930},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"New Delhi", latitude:28.6353, longitude:77.2250},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Jakarta", latitude:-6.1862, longitude:106.8063},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Teheran", latitude:35.7061, longitude:51.4358},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Baghdad", latitude:33.3157, longitude:44.3922},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Jerusalem", latitude:31.76, longitude:35.17},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Tokyo", latitude:35.6785, longitude:139.6823},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Amman", latitude:31.9394, longitude:35.9349},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Astana", latitude:51.1796, longitude:71.4475},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kuwait", latitude:29.3721, longitude:47.9824},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bishkek", latitude:42.8679, longitude:74.5984},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Vientiane", latitude:17.9689, longitude:102.6137},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Beyrouth / Beirut", latitude:33.8872, longitude:35.5134},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kuala Lumpur", latitude:3.1502, longitude:101.7077},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ulan Bator", latitude:47.9138, longitude:106.9220},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Pyinmana", latitude:19.7378, longitude:96.2083},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kathmandu", latitude:27.7058, longitude:85.3157},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Muscat", latitude:23.6086, longitude:58.5922},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Islamabad", latitude:33.6751, longitude:73.0946},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Manila", latitude:14.5790, longitude:120.9726},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Doha", latitude:25.2948, longitude:51.5082},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Riyadh", latitude:24.6748, longitude:46.6977},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Singapore", latitude:1.2894, longitude:103.8500},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Seoul", latitude:37.5139, longitude:126.9828},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Colombo", latitude:6.9155, longitude:79.8572},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Damascus", latitude:33.5158, longitude:36.2939},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Taipei", latitude:25.0338, longitude:121.5645},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dushanbe", latitude:38.5737, longitude:68.7738},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bangkok", latitude:13.7573, longitude:100.5020},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dili", latitude:-8.5662, longitude:125.5880},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ankara", latitude:39.9439, longitude:32.8560},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ashgabat", latitude:37.9509, longitude:58.3794},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Abu Dhabi", latitude:24.4764, longitude:54.3705},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Tashkent", latitude:41.3193, longitude:69.2481},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Hanoi", latitude:21.0341, longitude:105.8372},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Sanaa", latitude:15.3556, longitude:44.2081},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Buenos Aires", latitude:-34.6118, longitude:-58.4173},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bridgetown", latitude:13.0935, longitude:-59.6105},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Belmopan", latitude:17.2534, longitude:-88.7713},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Sucre", latitude:-19.0421, longitude:-65.2559},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Brasilia", latitude:-15.7801, longitude:-47.9292},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ottawa", latitude:45.4235, longitude:-75.6979},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Santiago", latitude:-33.4691, longitude:-70.6420},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bogota", latitude:4.6473, longitude:-74.0962},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"San Jose", latitude:9.9402, longitude:-84.1002},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Havana", latitude:23.1333, longitude:-82.3667},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Roseau", latitude:15.2976, longitude:-61.3900},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Santo Domingo", latitude:18.4790, longitude:-69.8908},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Quito", latitude:-0.2295, longitude:-78.5243},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"San Salvador", latitude:13.7034, longitude:-89.2073},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Guatemala", latitude:14.6248, longitude:-90.5328},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ciudad de Mexico", latitude:19.4271, longitude:-99.1276},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Managua", latitude:12.1475, longitude:-86.2734},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Panama", latitude:8.9943, longitude:-79.5188},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Asuncion", latitude:-25.3005, longitude:-57.6362},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Lima", latitude:-12.0931, longitude:-77.0465},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Castries", latitude:13.9972, longitude:-60.0018},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Paramaribo", latitude:5.8232, longitude:-55.1679},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Washington", latitude:38.8921, longitude:-77.0241},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Montevideo", latitude:-34.8941, longitude:-56.0675},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Caracas", latitude:10.4961, longitude:-66.8983},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Oranjestad", latitude:12.5246, longitude:-70.0265},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Cayenne", latitude:4.9346, longitude:-52.3303},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Plymouth", latitude:16.6802, longitude:-62.2014},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"San Juan", latitude:18.4500, longitude:-66.0667},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Algiers", latitude:36.7755, longitude:3.0597},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Luanda", latitude:-8.8159, longitude:13.2306},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Porto-Novo", latitude:6.4779, longitude:2.6323},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Gaborone", latitude:-24.6570, longitude:25.9089},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Ouagadougou", latitude:12.3569, longitude:-1.5352},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bujumbura", latitude:-3.3818, longitude:29.3622},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Yaounde", latitude:3.8612, longitude:11.5217},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bangui", latitude:4.3621, longitude:18.5873},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Brazzaville", latitude:-4.2767, longitude:15.2662},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kinshasa", latitude:-4.3369, longitude:15.3271},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Yamoussoukro", latitude:6.8067, longitude:-5.2728},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Djibouti", latitude:11.5806, longitude:43.1425},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Cairo", latitude:30.0571, longitude:31.2272},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Asmara", latitude:15.3315, longitude:38.9183},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Addis Abeba", latitude:9.0084, longitude:38.7575},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Libreville", latitude:0.3858, longitude:9.4496},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Banjul", latitude:13.4399, longitude:-16.6775},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Accra", latitude:5.5401, longitude:-0.2074},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Conakry", latitude:9.5370, longitude:-13.6785},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bissau", latitude:11.8598, longitude:-15.5875},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Nairobi", latitude:-1.2762, longitude:36.7965},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Maseru", latitude:-29.2976, longitude:27.4854},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Monrovia", latitude:6.3106, longitude:-10.8047},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Tripoli", latitude:32.8830, longitude:13.1897},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Antananarivo", latitude:-18.9201, longitude:47.5237},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Lilongwe", latitude:-13.9899, longitude:33.7703},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Bamako", latitude:12.6530, longitude:-7.9864},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Nouakchott", latitude:18.0669, longitude:-15.9900},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Port Louis", latitude:-20.1654, longitude:57.4896},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Rabat", latitude:33.9905, longitude:-6.8704},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Maputo", latitude:-25.9686, longitude:32.5804},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Windhoek", latitude:-22.5749, longitude:17.0805},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Niamey", latitude:13.5164, longitude:2.1157},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Abuja", latitude:9.0580, longitude:7.4891},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Kigali", latitude:-1.9441, longitude:30.0619},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dakar", latitude:14.6953, longitude:-17.4439},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Freetown", latitude:8.4697, longitude:-13.2659},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Mogadishu", latitude:2.0411, longitude:45.3426},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Pretoria", latitude:-25.7463, longitude:28.1876},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Mbabane", latitude:-26.3186, longitude:31.1410},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Dodoma", latitude:-6.1670, longitude:35.7497},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Lome", latitude:6.1228, longitude:1.2255},
{svgPath:targetSVG, zoomLevel:5, scale:0.5, title:"Tunis", latitude:36.8117, longitude:10.1761}
]
};
map.dataProvider = dataProvider;
map.objectList = new AmCharts.ObjectList("listdiv");
map.showImagesInList = true;
map.write("mapdiv");
});
</script>
</head>
<div>
<div id="listdiv" style="width:200px; overflow:auto; height:500px; float:right; background-color:#EEEEEE;"></div>
<div id="mapdiv" style="margin-right:200px; background-color:#EEEEEE; height: 500px;"></div>
</div>
</html> _JSON_flightRoutes.html 0000644 00000017356 15167740746 0011136 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
linkToObject: "london",
images: [{
id: "london",
color: "#000000",
svgPath: targetSVG,
title: "London",
latitude: 51.5002,
longitude: -0.1262,
scale: 1.5,
zoomLevel: 2.74,
zoomLongitude: -20.1341,
zoomLatitude: 49.1712,
lines: [{
latitudes: [51.5002, 50.4422],
longitudes: [-0.1262, 30.5367]
}, {
latitudes: [51.5002, 46.9480],
longitudes: [-0.1262, 7.4481]
}, {
latitudes: [51.5002, 59.3328],
longitudes: [-0.1262, 18.0645]
}, {
latitudes: [51.5002, 40.4167],
longitudes: [-0.1262, -3.7033]
}, {
latitudes: [51.5002, 46.0514],
longitudes: [-0.1262, 14.5060]
}, {
latitudes: [51.5002, 48.2116],
longitudes: [-0.1262, 17.1547]
}, {
latitudes: [51.5002, 44.8048],
longitudes: [-0.1262, 20.4781]
}, {
latitudes: [51.5002, 55.7558],
longitudes: [-0.1262, 37.6176]
}, {
latitudes: [51.5002, 38.7072],
longitudes: [-0.1262, -9.1355]
}, {
latitudes: [51.5002, 54.6896],
longitudes: [-0.1262, 25.2799]
}, {
latitudes: [51.5002, 64.1353],
longitudes: [-0.1262, -21.8952]
}, {
latitudes: [51.5002, 40.4300],
longitudes: [-0.1262, -74.0000]
}],
images: [{
label: "Flights from London",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from Vilnius",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "vilnius"
}]
},
{
id: "vilnius",
color: "#000000",
svgPath: targetSVG,
title: "Vilnius",
latitude: 54.6896,
longitude: 25.2799,
scale: 1.5,
zoomLevel: 4.92,
zoomLongitude: 15.4492,
zoomLatitude: 50.2631,
lines: [{
latitudes: [54.6896, 50.8371],
longitudes: [25.2799, 4.3676]
}, {
latitudes: [54.6896, 59.9138],
longitudes: [25.2799, 10.7387]
}, {
latitudes: [54.6896, 40.4167],
longitudes: [25.2799, -3.7033]
}, {
latitudes: [54.6896, 50.0878],
longitudes: [25.2799, 14.4205]
}, {
latitudes: [54.6896, 48.2116],
longitudes: [25.2799, 17.1547]
}, {
latitudes: [54.6896, 44.8048],
longitudes: [25.2799, 20.4781]
}, {
latitudes: [54.6896, 55.7558],
longitudes: [25.2799, 37.6176]
}, {
latitudes: [54.6896, 37.9792],
longitudes: [25.2799, 23.7166]
}, {
latitudes: [54.6896, 54.6896],
longitudes: [25.2799, 25.2799]
}, {
latitudes: [54.6896, 51.5002],
longitudes: [25.2799, -0.1262]
}, {
latitudes: [54.6896, 53.3441],
longitudes: [25.2799, -6.2675]
}],
images: [{
label: "Flights from Vilnius",
svgPath: planeSVG,
left: 100,
top: 45,
labelShiftY: 5,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20
}, {
label: "show flights from London",
left: 106,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "london"
}]
}, {
svgPath: targetSVG,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676
}, {
svgPath: targetSVG,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205
}, {
svgPath: targetSVG,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166
}, {
svgPath: targetSVG,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952
}, {
svgPath: targetSVG,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675
}, {
svgPath: targetSVG,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387
}, {
svgPath: targetSVG,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355
}, {
svgPath: targetSVG,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176
}, {
svgPath: targetSVG,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781
}, {
svgPath: targetSVG,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547
}, {
svgPath: targetSVG,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060
}, {
svgPath: targetSVG,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033
}, {
svgPath: targetSVG,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645
}, {
svgPath: targetSVG,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481
}, {
svgPath: targetSVG,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367
}, {
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "New York",
latitude: 40.43,
longitude: -74
}
]
},
areasSettings: {
unlistedAreasColor: "#FFCC00"
},
imagesSettings: {
color: "#CC0000",
rollOverColor: "#CC0000",
selectedColor: "#000000"
},
linesSettings: {
color: "#CC0000",
alpha: 0.4
},
backgroundZoomsToTop: true,
linesAboveImages: true
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> _JSON_translatedCountryNames.html 0000644 00000003374 15167740746 0013163 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/lang/de.js" type="text/javascript"></script>
<script src="../ammap/lang/fr.js" type="text/javascript"></script>
<script src="../ammap/lang/es.js" type="text/javascript"></script>
<script>
var map = AmCharts.makeChart("mapdiv", {
// let's set initial language to German
language: "de",
type: "map",
projection:"miller",
dataProvider: {
map: "worldLow",
getAreasFromMap: true
},
areasSettings: {
autoZoom: true,
selectedColor: "#CC0000"
}
});
function setLanguage(lang) {
if ('en' == lang)
map.language = null;
else
map.language = lang;
map.validateData();
}
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div>
<select onchange="setLanguage(this.options[this.selectedIndex].value);" style="position: absolute; top: 30px; right: 30px; font-size: 15px; padding: 10px;">
<option value="en">English (default)</option>
<option value="de" selected="selected">German</option>
<option value="fr">French</option>
<option value="es">Spanish</option>
</select>
</body>
</html> heatMap.html 0000644 00000011727 15167740746 0007042 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/usaLow.js" type="text/javascript"></script>
<script>
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.colorSteps = 10;
var dataProvider = {
mapVar: AmCharts.maps.usaLow,
areas: [
{
id: "US-AL",
value: 4447100},
{
id: "US-AK",
value: 626932},
{
id: "US-AZ",
value: 5130632},
{
id: "US-AR",
value: 2673400},
{
id: "US-CA",
value: 33871648},
{
id: "US-CO",
value: 4301261},
{
id: "US-CT",
value: 3405565},
{
id: "US-DE",
value: 783600},
{
id: "US-FL",
value: 15982378},
{
id: "US-GA",
value: 8186453},
{
id: "US-HI",
value: 1211537},
{
id: "US-ID",
value: 1293953},
{
id: "US-IL",
value: 12419293},
{
id: "US-IN",
value: 6080485},
{
id: "US-IA",
value: 2926324},
{
id: "US-KS",
value: 2688418},
{
id: "US-KY",
value: 4041769},
{
id: "US-LA",
value: 4468976},
{
id: "US-ME",
value: 1274923},
{
id: "US-MD",
value: 5296486},
{
id: "US-MA",
value: 6349097},
{
id: "US-MI",
value: 9938444},
{
id: "US-MN",
value: 4919479},
{
id: "US-MS",
value: 2844658},
{
id: "US-MO",
value: 5595211},
{
id: "US-MT",
value: 902195},
{
id: "US-NE",
value: 1711263},
{
id: "US-NV",
value: 1998257},
{
id: "US-NH",
value: 1235786},
{
id: "US-NJ",
value: 8414350},
{
id: "US-NM",
value: 1819046},
{
id: "US-NY",
value: 18976457},
{
id: "US-NC",
value: 8049313},
{
id: "US-ND",
value: 642200},
{
id: "US-OH",
value: 11353140},
{
id: "US-OK",
value: 3450654},
{
id: "US-OR",
value: 3421399},
{
id: "US-PA",
value: 12281054},
{
id: "US-RI",
value: 1048319},
{
id: "US-SC",
value: 4012012},
{
id: "US-SD",
value: 754844},
{
id: "US-TN",
value: 5689283},
{
id: "US-TX",
value: 20851820},
{
id: "US-UT",
value: 2233169},
{
id: "US-VT",
value: 608827},
{
id: "US-VA",
value: 7078515},
{
id: "US-WA",
value: 5894121},
{
id: "US-WV",
value: 1808344},
{
id: "US-WI",
value: 5363675},
{
id: "US-WY",
value: 493782}]
};
map.areasSettings = {
autoZoom: true
};
map.dataProvider = dataProvider;
var valueLegend = new AmCharts.ValueLegend();
valueLegend.right = 10;
valueLegend.minValue = "little";
valueLegend.maxValue = "a lot!";
map.valueLegend = valueLegend;
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> developerMode.html 0000644 00000003655 15167740746 0010256 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map;
function writeDevInfo(event) {
document.getElementById("devInfo").innerHTML = event.str;
}
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.balloon.color = "#000000";
var icon= "M21.25,8.375V28h6.5V8.375H21.25zM12.25,28h6.5V4.125h-6.5V28zM3.25,28h6.5V12.625h-6.5V28z";
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
images:[{latitude:40.3951, longitude:-73.5619, svgPath:icon, color:"#CC0000", scale:0.5, label:"New York", labelShiftY:2, zoomLevel:5, title:"New York", description:"New York is the most populous city in the United States and the center of the New York Metropolitan Area, one of the most populous metropolitan areas in the world."}]
};
map.dataProvider = dataProvider;
map.smallMap = new AmCharts.SmallMap();
// developer mode related
map.developerMode = true;
map.addListener("writeDevInfo", writeDevInfo);
map.write("mapdiv");
});
</script>
</head>
<body>
<p class="ammapAlert">Shift + left mouse click to get dev info of desired zoom info, longitude/latitude, left/right/top/bottom coordinates</p>
<br>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
<br>
<textarea id="devInfo" style="width:795px; height:150px;"></textarea>
</body>
</html> debug.log 0000644 00000004021 15167740746 0006353 0 ustar 00 [0826/174814:ERROR:process_info.cc(330)] VirtualQueryEx: Access is denied. (0x5)
[0826/174814:ERROR:process_info.cc(547)] ReadMemoryInfo failed
[0826/174814:ERROR:process_info.cc(608)] range at 0x7729ebe0, size 0x24 fully unreadable
[0826/174814:ERROR:process_info.cc(608)] range at 0x7719bb30, size 0x12 fully unreadable
[0826/174814:ERROR:process_info.cc(608)] range at 0x7719bb30, size 0x12 fully unreadable
[0826/174814:ERROR:process_info.cc(608)] range at 0x7719bb30, size 0x12 fully unreadable
[0826/174814:ERROR:process_info.cc(608)] range at 0x7729c3b8, size 0x18 fully unreadable
[0826/174814:ERROR:process_info.cc(608)] range at 0x7729c6ec, size 0x20 fully unreadable
[0826/174814:ERROR:process_reader_win.cc(233)] ReadMemory at 0xf7c0000 of 64 bytes failed: Only part of a ReadProcessMemory or WriteProcessMemory request was completed. (0x12B)
[0826/174814:WARNING:pe_image_reader.cc(281)] could not read dos header from C:\Program Files (x86)\Google\Chrome\Application\52.0.2743.116\chrome_child.dll
[0826/174814:ERROR:process_reader_win.cc(233)] ReadMemory at 0xf7c0000 of 64 bytes failed: Only part of a ReadProcessMemory or WriteProcessMemory request was completed. (0x12B)
[0826/174814:WARNING:pe_image_reader.cc(281)] could not read dos header from C:\Program Files (x86)\Google\Chrome\Application\52.0.2743.116\chrome_child.dll
[0826/174814:ERROR:process_reader_win.cc(142)] SuspendThread: Access is denied. (0x5)
[0826/174814:ERROR:process_reader_win.cc(233)] ReadMemory at 0xf7c0000 of 64 bytes failed: Only part of a ReadProcessMemory or WriteProcessMemory request was completed. (0x12B)
[0826/174814:WARNING:pe_image_reader.cc(281)] could not read dos header from C:\Program Files (x86)\Google\Chrome\Application\52.0.2743.116\chrome_child.dll
[0826/174814:ERROR:exception_snapshot_win.cc(88)] thread ID 9504 not found in process
[0826/174814:WARNING:crash_report_exception_handler.cc(60)] ProcessSnapshotWin::InitializeException failed
[0826/174814:ERROR:scoped_process_suspend.cc(38)] NtResumeProcess, ntstatus=-1073741558
singleCountryMap.html 0000644 00000002366 15167740746 0010765 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- check ammap/maps/js/ folder to see all available countries -->
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/japanLow.js" type="text/javascript"></script>
<script>
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.balloon.color = "#000000";
var dataProvider = {
mapVar: AmCharts.maps.japanLow,
getAreasFromMap:true
};
map.dataProvider = dataProvider;
map.areasSettings = {
autoZoom: true,
selectedColor: "#CC0000"
};
map.smallMap = new AmCharts.SmallMap();
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> flightRoutes.html 0000644 00000022030 15167740746 0010127 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map;
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
AmCharts.ready(function() {
map = new AmCharts.AmMap();
var dataProvider = {
mapVar: AmCharts.maps.worldLow
};
map.areasSettings = {
unlistedAreasColor: "#FFCC00"
};
map.imagesSettings = {
color: "#CC0000",
rollOverColor: "#CC0000",
selectedColor: "#000000"
};
map.linesSettings = {
color: "#CC0000",
alpha: 0.4
};
// LONDON
var london = {
id: "london",
color: "#000000",
svgPath: targetSVG,
title: "London",
latitude: 51.5002,
longitude: -0.1262,
scale: 1.5,
zoomLevel: 2.74,
zoomLongitude: -20.1341,
zoomLatitude: 49.1712,
lines: [
{
latitudes: [51.5002, 50.4422],
longitudes: [-0.1262, 30.5367]},
{
latitudes: [51.5002, 46.9480],
longitudes: [-0.1262, 7.4481]},
{
latitudes: [51.5002, 59.3328],
longitudes: [-0.1262, 18.0645]},
{
latitudes: [51.5002, 40.4167],
longitudes: [-0.1262, -3.7033]},
{
latitudes: [51.5002, 46.0514],
longitudes: [-0.1262, 14.5060]},
{
latitudes: [51.5002, 48.2116],
longitudes: [-0.1262, 17.1547]},
{
latitudes: [51.5002, 44.8048],
longitudes: [-0.1262, 20.4781]},
{
latitudes: [51.5002, 55.7558],
longitudes: [-0.1262, 37.6176]},
{
latitudes: [51.5002, 38.7072],
longitudes: [-0.1262, -9.1355]},
{
latitudes: [51.5002, 54.6896],
longitudes: [-0.1262, 25.2799]},
{
latitudes: [51.5002, 64.1353],
longitudes: [-0.1262, -21.8952]},
{
latitudes: [51.5002, 40.4300],
longitudes: [-0.1262, -74.0000]}
],
images: [{
label: "Flights from London",
svgPath: planeSVG,
left: 100,
top: 45,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20},
{
label: "show flights from Vilnius",
left: 110,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "vilnius"}]
};
// VILNIUS
var vilnius = {
id: "vilnius",
color: "#000000",
svgPath: targetSVG,
title: "Vilnius",
latitude: 54.6896,
longitude: 25.2799,
scale: 1.5,
zoomLevel: 4.92,
zoomLongitude: 15.4492,
zoomLatitude: 50.2631,
lines: [{
latitudes: [54.6896, 50.8371],
longitudes: [25.2799, 4.3676]},
{
latitudes: [54.6896, 59.9138],
longitudes: [25.2799, 10.7387]},
{
latitudes: [54.6896, 40.4167],
longitudes: [25.2799, -3.7033]},
{
latitudes: [54.6896, 50.0878],
longitudes: [25.2799, 14.4205]},
{
latitudes: [54.6896, 48.2116],
longitudes: [25.2799, 17.1547]},
{
latitudes: [54.6896, 44.8048],
longitudes: [25.2799, 20.4781]},
{
latitudes: [54.6896, 55.7558],
longitudes: [25.2799, 37.6176]},
{
latitudes: [54.6896, 37.9792],
longitudes: [25.2799, 23.7166]},
{
latitudes: [54.6896, 54.6896],
longitudes: [25.2799, 25.2799]},
{
latitudes: [54.6896, 51.5002],
longitudes: [25.2799, -0.1262]},
{
latitudes: [54.6896, 53.3441],
longitudes: [25.2799, -6.2675]}],
images: [{
label: "Flights from Vilnius",
svgPath: planeSVG,
left: 100,
top: 45,
color: "#CC0000",
labelColor: "#CC0000",
labelRollOverColor: "#CC0000",
labelFontSize: 20},
{
label: "show flights from London",
left: 110,
top: 70,
labelColor: "#000000",
labelRollOverColor: "#CC0000",
labelFontSize: 11,
linkToObject: "london"}]
};
// cities
var cities = [
london,
vilnius,
{
svgPath: targetSVG,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676},
{
svgPath: targetSVG,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205},
{
svgPath: targetSVG,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166},
{
svgPath: targetSVG,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952},
{
svgPath: targetSVG,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675},
{
svgPath: targetSVG,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387},
{
svgPath: targetSVG,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355},
{
svgPath: targetSVG,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176},
{
svgPath: targetSVG,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781},
{
svgPath: targetSVG,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547},
{
svgPath: targetSVG,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060},
{
svgPath: targetSVG,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033},
{
svgPath: targetSVG,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645},
{
svgPath: targetSVG,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481},
{
svgPath: targetSVG,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367},
{
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510},
{
svgPath: targetSVG,
title: "New York",
latitude: 40.43,
longitude: -74}];
dataProvider.linkToObject = london;
dataProvider.images = cities;
map.dataProvider = dataProvider;
map.backgroundZoomsToTop = true;
map.linesAboveImages = true;
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> _JSON_worldCapitals.html 0000644 00000066524 15167740746 0011270 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<link rel="stylesheet" href="style.css" type="text/css">
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
var map = AmCharts.makeChart("mapdiv", {
type: "map",
projection:"miller",
imagesSettings: {
rollOverColor: "#CC0000",
rollOverScale: 3,
selectedScale: 3,
selectedColor: "#CC0000"
},
areasSettings: {
outlineThickness:0.5
},
dataProvider: {
map: "worldLow",
images: [{
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Vienna",
latitude: 48.2092,
longitude: 16.3728
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Minsk",
latitude: 53.9678,
longitude: 27.5766
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Sarajevo",
latitude: 43.8608,
longitude: 18.4214
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Sofia",
latitude: 42.7105,
longitude: 23.3238
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Zagreb",
latitude: 45.8150,
longitude: 15.9785
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Pristina",
latitude: 42.666667,
longitude: 21.166667
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Copenhagen",
latitude: 55.6763,
longitude: 12.5681
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Tallinn",
latitude: 59.4389,
longitude: 24.7545
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Helsinki",
latitude: 60.1699,
longitude: 24.9384
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Berlin",
latitude: 52.5235,
longitude: 13.4115
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Budapest",
latitude: 47.4984,
longitude: 19.0408
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Rome",
latitude: 41.8955,
longitude: 12.4823
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Riga",
latitude: 56.9465,
longitude: 24.1049
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Vaduz",
latitude: 47.1411,
longitude: 9.5215
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Vilnius",
latitude: 54.6896,
longitude: 25.2799
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Luxembourg",
latitude: 49.6100,
longitude: 6.1296
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Skopje",
latitude: 42.0024,
longitude: 21.4361
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Valletta",
latitude: 35.9042,
longitude: 14.5189
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Chisinau",
latitude: 47.0167,
longitude: 28.8497
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Monaco",
latitude: 43.7325,
longitude: 7.4189
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Podgorica",
latitude: 42.4602,
longitude: 19.2595
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Amsterdam",
latitude: 52.3738,
longitude: 4.8910
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Warsaw",
latitude: 52.2297,
longitude: 21.0122
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bucharest",
latitude: 44.4479,
longitude: 26.0979
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "San Marino",
latitude: 43.9424,
longitude: 12.4578
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "London",
latitude: 51.5002,
longitude: -0.1262
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Gibraltar",
latitude: 36.1377,
longitude: -5.3453
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Saint Peter Port",
latitude: 49.4660,
longitude: -2.5522
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Douglas",
latitude: 54.1670,
longitude: -4.4821
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Saint Helier",
latitude: 49.1919,
longitude: -2.1071
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Longyearbyen",
latitude: 78.2186,
longitude: 15.6488
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kabul",
latitude: 34.5155,
longitude: 69.1952
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Yerevan",
latitude: 40.1596,
longitude: 44.5090
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Baku",
latitude: 40.3834,
longitude: 49.8932
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Manama",
latitude: 26.1921,
longitude: 50.5354
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dhaka",
latitude: 23.7106,
longitude: 90.3978
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Thimphu",
latitude: 27.4405,
longitude: 89.6730
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bandar Seri Begawan",
latitude: 4.9431,
longitude: 114.9425
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Phnom Penh",
latitude: 11.5434,
longitude: 104.8984
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Peking",
latitude: 39.9056,
longitude: 116.3958
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Nicosia",
latitude: 35.1676,
longitude: 33.3736
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "T'bilisi",
latitude: 41.7010,
longitude: 44.7930
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "New Delhi",
latitude: 28.6353,
longitude: 77.2250
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Jakarta",
latitude: -6.1862,
longitude: 106.8063
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Teheran",
latitude: 35.7061,
longitude: 51.4358
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Baghdad",
latitude: 33.3157,
longitude: 44.3922
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Jerusalem",
latitude: 31.76,
longitude: 35.17
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Tokyo",
latitude: 35.6785,
longitude: 139.6823
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Amman",
latitude: 31.9394,
longitude: 35.9349
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Astana",
latitude: 51.1796,
longitude: 71.4475
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kuwait",
latitude: 29.3721,
longitude: 47.9824
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bishkek",
latitude: 42.8679,
longitude: 74.5984
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Vientiane",
latitude: 17.9689,
longitude: 102.6137
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Beyrouth / Beirut",
latitude: 33.8872,
longitude: 35.5134
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kuala Lumpur",
latitude: 3.1502,
longitude: 101.7077
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ulan Bator",
latitude: 47.9138,
longitude: 106.9220
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Pyinmana",
latitude: 19.7378,
longitude: 96.2083
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kathmandu",
latitude: 27.7058,
longitude: 85.3157
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Muscat",
latitude: 23.6086,
longitude: 58.5922
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Islamabad",
latitude: 33.6751,
longitude: 73.0946
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Manila",
latitude: 14.5790,
longitude: 120.9726
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Doha",
latitude: 25.2948,
longitude: 51.5082
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Riyadh",
latitude: 24.6748,
longitude: 46.6977
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Singapore",
latitude: 1.2894,
longitude: 103.8500
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Seoul",
latitude: 37.5139,
longitude: 126.9828
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Colombo",
latitude: 6.9155,
longitude: 79.8572
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Damascus",
latitude: 33.5158,
longitude: 36.2939
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Taipei",
latitude: 25.0338,
longitude: 121.5645
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dushanbe",
latitude: 38.5737,
longitude: 68.7738
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bangkok",
latitude: 13.7573,
longitude: 100.5020
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dili",
latitude: -8.5662,
longitude: 125.5880
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ankara",
latitude: 39.9439,
longitude: 32.8560
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ashgabat",
latitude: 37.9509,
longitude: 58.3794
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Abu Dhabi",
latitude: 24.4764,
longitude: 54.3705
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Tashkent",
latitude: 41.3193,
longitude: 69.2481
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Hanoi",
latitude: 21.0341,
longitude: 105.8372
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Sanaa",
latitude: 15.3556,
longitude: 44.2081
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Buenos Aires",
latitude: -34.6118,
longitude: -58.4173
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bridgetown",
latitude: 13.0935,
longitude: -59.6105
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Belmopan",
latitude: 17.2534,
longitude: -88.7713
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Sucre",
latitude: -19.0421,
longitude: -65.2559
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Brasilia",
latitude: -15.7801,
longitude: -47.9292
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ottawa",
latitude: 45.4235,
longitude: -75.6979
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Santiago",
latitude: -33.4691,
longitude: -70.6420
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bogota",
latitude: 4.6473,
longitude: -74.0962
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "San Jose",
latitude: 9.9402,
longitude: -84.1002
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Havana",
latitude: 23.1333,
longitude: -82.3667
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Roseau",
latitude: 15.2976,
longitude: -61.3900
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Santo Domingo",
latitude: 18.4790,
longitude: -69.8908
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Quito",
latitude: -0.2295,
longitude: -78.5243
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "San Salvador",
latitude: 13.7034,
longitude: -89.2073
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Guatemala",
latitude: 14.6248,
longitude: -90.5328
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ciudad de Mexico",
latitude: 19.4271,
longitude: -99.1276
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Managua",
latitude: 12.1475,
longitude: -86.2734
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Panama",
latitude: 8.9943,
longitude: -79.5188
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Asuncion",
latitude: -25.3005,
longitude: -57.6362
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Lima",
latitude: -12.0931,
longitude: -77.0465
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Castries",
latitude: 13.9972,
longitude: -60.0018
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Paramaribo",
latitude: 5.8232,
longitude: -55.1679
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Washington",
latitude: 38.8921,
longitude: -77.0241
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Montevideo",
latitude: -34.8941,
longitude: -56.0675
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Caracas",
latitude: 10.4961,
longitude: -66.8983
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Oranjestad",
latitude: 12.5246,
longitude: -70.0265
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Cayenne",
latitude: 4.9346,
longitude: -52.3303
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Plymouth",
latitude: 16.6802,
longitude: -62.2014
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "San Juan",
latitude: 18.4500,
longitude: -66.0667
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Algiers",
latitude: 36.7755,
longitude: 3.0597
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Luanda",
latitude: -8.8159,
longitude: 13.2306
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Porto-Novo",
latitude: 6.4779,
longitude: 2.6323
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Gaborone",
latitude: -24.6570,
longitude: 25.9089
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Ouagadougou",
latitude: 12.3569,
longitude: -1.5352
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bujumbura",
latitude: -3.3818,
longitude: 29.3622
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Yaounde",
latitude: 3.8612,
longitude: 11.5217
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bangui",
latitude: 4.3621,
longitude: 18.5873
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Brazzaville",
latitude: -4.2767,
longitude: 15.2662
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kinshasa",
latitude: -4.3369,
longitude: 15.3271
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Yamoussoukro",
latitude: 6.8067,
longitude: -5.2728
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Djibouti",
latitude: 11.5806,
longitude: 43.1425
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Cairo",
latitude: 30.0571,
longitude: 31.2272
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Asmara",
latitude: 15.3315,
longitude: 38.9183
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Addis Abeba",
latitude: 9.0084,
longitude: 38.7575
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Libreville",
latitude: 0.3858,
longitude: 9.4496
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Banjul",
latitude: 13.4399,
longitude: -16.6775
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Accra",
latitude: 5.5401,
longitude: -0.2074
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Conakry",
latitude: 9.5370,
longitude: -13.6785
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bissau",
latitude: 11.8598,
longitude: -15.5875
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Nairobi",
latitude: -1.2762,
longitude: 36.7965
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Maseru",
latitude: -29.2976,
longitude: 27.4854
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Monrovia",
latitude: 6.3106,
longitude: -10.8047
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Tripoli",
latitude: 32.8830,
longitude: 13.1897
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Antananarivo",
latitude: -18.9201,
longitude: 47.5237
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Lilongwe",
latitude: -13.9899,
longitude: 33.7703
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Bamako",
latitude: 12.6530,
longitude: -7.9864
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Nouakchott",
latitude: 18.0669,
longitude: -15.9900
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Port Louis",
latitude: -20.1654,
longitude: 57.4896
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Rabat",
latitude: 33.9905,
longitude: -6.8704
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Maputo",
latitude: -25.9686,
longitude: 32.5804
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Windhoek",
latitude: -22.5749,
longitude: 17.0805
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Niamey",
latitude: 13.5164,
longitude: 2.1157
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Abuja",
latitude: 9.0580,
longitude: 7.4891
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Kigali",
latitude: -1.9441,
longitude: 30.0619
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dakar",
latitude: 14.6953,
longitude: -17.4439
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Freetown",
latitude: 8.4697,
longitude: -13.2659
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Mogadishu",
latitude: 2.0411,
longitude: 45.3426
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Pretoria",
latitude: -25.7463,
longitude: 28.1876
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Mbabane",
latitude: -26.3186,
longitude: 31.1410
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Dodoma",
latitude: -6.1670,
longitude: 35.7497
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Lome",
latitude: 6.1228,
longitude: 1.2255
}, {
svgPath: targetSVG,
zoomLevel: 5,
scale: 0.5,
title: "Tunis",
latitude: 36.8117,
longitude: 10.1761
}]
},
objectList: {
container: "listdiv"
},
showImagesInList: true
});
</script>
</head>
<div>
<div id="listdiv" style="width:200px; overflow:auto; height:500px; float:right; background-color:#EEEEEE;"></div>
<div id="mapdiv" style="margin-right:200px; background-color:#EEEEEE; height: 500px;"></div>
<div style="text-align:center; font-size:10px">
<a href="#" onclick="map.setProjection('winkel3')">Winkel 3</a> |
<a href="#" onclick="map.setProjection('eckert3')">Eckert 3</a> |
<a href="#" onclick="map.setProjection('eckert5')">Eckert 5</a> |
<a href="#" onclick="map.setProjection('eckert6')">Eckert 6</a> |
<a href="#" onclick="map.setProjection('miller')">Miller</a> |
<a href="#" onclick="map.setProjection('equirectangular')">Equirectangular</a> |
<a href="#" onclick="map.setProjection('mercator')">Mercator</a>
</div>
</div>
</html> _JSON_zoomingToCountries.html 0000644 00000001673 15167740746 0012333 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
getAreasFromMap: true
},
areasSettings: {
autoZoom: true,
selectedColor: "#CC0000"
},
smallMap: {}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> changingProjections.html 0000644 00000114663 15167740746 0011464 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/themes/black.js" type="text/javascript"></script>
<script>
/*
although ammap has methos like getAreaCenterLatitude and getAreaCenterLongitude,
they are not suitable in quite a lot of cases as the center of some countries
is even outside the country itself (like US, because of Alaska and Hawaii)
That's why wehave the coordinates stored here
*/
var latlong = {};
latlong["AD"] = {
"latitude": 42.5,
"longitude": 1.5
};
latlong["AE"] = {
"latitude": 24,
"longitude": 54
};
latlong["AF"] = {
"latitude": 33,
"longitude": 65
};
latlong["AG"] = {
"latitude": 17.05,
"longitude": -61.8
};
latlong["AI"] = {
"latitude": 18.25,
"longitude": -63.1667
};
latlong["AL"] = {
"latitude": 41,
"longitude": 20
};
latlong["AM"] = {
"latitude": 40,
"longitude": 45
};
latlong["AN"] = {
"latitude": 12.25,
"longitude": -68.75
};
latlong["AO"] = {
"latitude": -12.5,
"longitude": 18.5
};
latlong["AP"] = {
"latitude": 35,
"longitude": 105
};
latlong["AQ"] = {
"latitude": -90,
"longitude": 0
};
latlong["AR"] = {
"latitude": -34,
"longitude": -64
};
latlong["AS"] = {
"latitude": -14.3333,
"longitude": -170
};
latlong["AT"] = {
"latitude": 47.3333,
"longitude": 13.3333
};
latlong["AU"] = {
"latitude": -27,
"longitude": 133
};
latlong["AW"] = {
"latitude": 12.5,
"longitude": -69.9667
};
latlong["AZ"] = {
"latitude": 40.5,
"longitude": 47.5
};
latlong["BA"] = {
"latitude": 44,
"longitude": 18
};
latlong["BB"] = {
"latitude": 13.1667,
"longitude": -59.5333
};
latlong["BD"] = {
"latitude": 24,
"longitude": 90
};
latlong["BE"] = {
"latitude": 50.8333,
"longitude": 4
};
latlong["BF"] = {
"latitude": 13,
"longitude": -2
};
latlong["BG"] = {
"latitude": 43,
"longitude": 25
};
latlong["BH"] = {
"latitude": 26,
"longitude": 50.55
};
latlong["BI"] = {
"latitude": -3.5,
"longitude": 30
};
latlong["BJ"] = {
"latitude": 9.5,
"longitude": 2.25
};
latlong["BM"] = {
"latitude": 32.3333,
"longitude": -64.75
};
latlong["BN"] = {
"latitude": 4.5,
"longitude": 114.6667
};
latlong["BO"] = {
"latitude": -17,
"longitude": -65
};
latlong["BR"] = {
"latitude": -10,
"longitude": -55
};
latlong["BS"] = {
"latitude": 24.25,
"longitude": -76
};
latlong["BT"] = {
"latitude": 27.5,
"longitude": 90.5
};
latlong["BV"] = {
"latitude": -54.4333,
"longitude": 3.4
};
latlong["BW"] = {
"latitude": -22,
"longitude": 24
};
latlong["BY"] = {
"latitude": 53,
"longitude": 28
};
latlong["BZ"] = {
"latitude": 17.25,
"longitude": -88.75
};
latlong["CA"] = {
"latitude": 54,
"longitude": -100
};
latlong["CC"] = {
"latitude": -12.5,
"longitude": 96.8333
};
latlong["CD"] = {
"latitude": 0,
"longitude": 25
};
latlong["CF"] = {
"latitude": 7,
"longitude": 21
};
latlong["CG"] = {
"latitude": -1,
"longitude": 15
};
latlong["CH"] = {
"latitude": 47,
"longitude": 8
};
latlong["CI"] = {
"latitude": 8,
"longitude": -5
};
latlong["CK"] = {
"latitude": -21.2333,
"longitude": -159.7667
};
latlong["CL"] = {
"latitude": -30,
"longitude": -71
};
latlong["CM"] = {
"latitude": 6,
"longitude": 12
};
latlong["CN"] = {
"latitude": 35,
"longitude": 105
};
latlong["CO"] = {
"latitude": 4,
"longitude": -72
};
latlong["CR"] = {
"latitude": 10,
"longitude": -84
};
latlong["CU"] = {
"latitude": 21.5,
"longitude": -80
};
latlong["CV"] = {
"latitude": 16,
"longitude": -24
};
latlong["CX"] = {
"latitude": -10.5,
"longitude": 105.6667
};
latlong["CY"] = {
"latitude": 35,
"longitude": 33
};
latlong["CZ"] = {
"latitude": 49.75,
"longitude": 15.5
};
latlong["DE"] = {
"latitude": 51,
"longitude": 9
};
latlong["DJ"] = {
"latitude": 11.5,
"longitude": 43
};
latlong["DK"] = {
"latitude": 56,
"longitude": 10
};
latlong["DM"] = {
"latitude": 15.4167,
"longitude": -61.3333
};
latlong["DO"] = {
"latitude": 19,
"longitude": -70.6667
};
latlong["DZ"] = {
"latitude": 28,
"longitude": 3
};
latlong["EC"] = {
"latitude": -2,
"longitude": -77.5
};
latlong["EE"] = {
"latitude": 59,
"longitude": 26
};
latlong["EG"] = {
"latitude": 27,
"longitude": 30
};
latlong["EH"] = {
"latitude": 24.5,
"longitude": -13
};
latlong["ER"] = {
"latitude": 15,
"longitude": 39
};
latlong["ES"] = {
"latitude": 40,
"longitude": -4
};
latlong["ET"] = {
"latitude": 8,
"longitude": 38
};
latlong["EU"] = {
"latitude": 47,
"longitude": 8
};
latlong["FI"] = {
"latitude": 62,
"longitude": 26
};
latlong["FJ"] = {
"latitude": -18,
"longitude": 175
};
latlong["FK"] = {
"latitude": -51.75,
"longitude": -59
};
latlong["FM"] = {
"latitude": 6.9167,
"longitude": 158.25
};
latlong["FO"] = {
"latitude": 62,
"longitude": -7
};
latlong["FR"] = {
"latitude": 46,
"longitude": 2
};
latlong["GA"] = {
"latitude": -1,
"longitude": 11.75
};
latlong["GB"] = {
"latitude": 54,
"longitude": -2
};
latlong["GD"] = {
"latitude": 12.1167,
"longitude": -61.6667
};
latlong["GE"] = {
"latitude": 42,
"longitude": 43.5
};
latlong["GF"] = {
"latitude": 4,
"longitude": -53
};
latlong["GH"] = {
"latitude": 8,
"longitude": -2
};
latlong["GI"] = {
"latitude": 36.1833,
"longitude": -5.3667
};
latlong["GL"] = {
"latitude": 72,
"longitude": -40
};
latlong["GM"] = {
"latitude": 13.4667,
"longitude": -16.5667
};
latlong["GN"] = {
"latitude": 11,
"longitude": -10
};
latlong["GP"] = {
"latitude": 16.25,
"longitude": -61.5833
};
latlong["GQ"] = {
"latitude": 2,
"longitude": 10
};
latlong["GR"] = {
"latitude": 39,
"longitude": 22
};
latlong["GS"] = {
"latitude": -54.5,
"longitude": -37
};
latlong["GT"] = {
"latitude": 15.5,
"longitude": -90.25
};
latlong["GU"] = {
"latitude": 13.4667,
"longitude": 144.7833
};
latlong["GW"] = {
"latitude": 12,
"longitude": -15
};
latlong["GY"] = {
"latitude": 5,
"longitude": -59
};
latlong["HK"] = {
"latitude": 22.25,
"longitude": 114.1667
};
latlong["HM"] = {
"latitude": -53.1,
"longitude": 72.5167
};
latlong["HN"] = {
"latitude": 15,
"longitude": -86.5
};
latlong["HR"] = {
"latitude": 45.1667,
"longitude": 15.5
};
latlong["HT"] = {
"latitude": 19,
"longitude": -72.4167
};
latlong["HU"] = {
"latitude": 47,
"longitude": 20
};
latlong["ID"] = {
"latitude": -5,
"longitude": 120
};
latlong["IE"] = {
"latitude": 53,
"longitude": -8
};
latlong["IL"] = {
"latitude": 31.5,
"longitude": 34.75
};
latlong["IN"] = {
"latitude": 20,
"longitude": 77
};
latlong["IO"] = {
"latitude": -6,
"longitude": 71.5
};
latlong["IQ"] = {
"latitude": 33,
"longitude": 44
};
latlong["IR"] = {
"latitude": 32,
"longitude": 53
};
latlong["IS"] = {
"latitude": 65,
"longitude": -18
};
latlong["IT"] = {
"latitude": 42.8333,
"longitude": 12.8333
};
latlong["JM"] = {
"latitude": 18.25,
"longitude": -77.5
};
latlong["JO"] = {
"latitude": 31,
"longitude": 36
};
latlong["JP"] = {
"latitude": 36,
"longitude": 138
};
latlong["KE"] = {
"latitude": 1,
"longitude": 38
};
latlong["KG"] = {
"latitude": 41,
"longitude": 75
};
latlong["KH"] = {
"latitude": 13,
"longitude": 105
};
latlong["KI"] = {
"latitude": 1.4167,
"longitude": 173
};
latlong["KM"] = {
"latitude": -12.1667,
"longitude": 44.25
};
latlong["KN"] = {
"latitude": 17.3333,
"longitude": -62.75
};
latlong["KP"] = {
"latitude": 40,
"longitude": 127
};
latlong["KR"] = {
"latitude": 37,
"longitude": 127.5
};
latlong["KW"] = {
"latitude": 29.3375,
"longitude": 47.6581
};
latlong["KY"] = {
"latitude": 19.5,
"longitude": -80.5
};
latlong["KZ"] = {
"latitude": 48,
"longitude": 68
};
latlong["LA"] = {
"latitude": 18,
"longitude": 105
};
latlong["LB"] = {
"latitude": 33.8333,
"longitude": 35.8333
};
latlong["LC"] = {
"latitude": 13.8833,
"longitude": -61.1333
};
latlong["LI"] = {
"latitude": 47.1667,
"longitude": 9.5333
};
latlong["LK"] = {
"latitude": 7,
"longitude": 81
};
latlong["LR"] = {
"latitude": 6.5,
"longitude": -9.5
};
latlong["LS"] = {
"latitude": -29.5,
"longitude": 28.5
};
latlong["LT"] = {
"latitude": 55,
"longitude": 24
};
latlong["LU"] = {
"latitude": 49.75,
"longitude": 6
};
latlong["LV"] = {
"latitude": 57,
"longitude": 25
};
latlong["LY"] = {
"latitude": 25,
"longitude": 17
};
latlong["MA"] = {
"latitude": 32,
"longitude": -5
};
latlong["MC"] = {
"latitude": 43.7333,
"longitude": 7.4
};
latlong["MD"] = {
"latitude": 47,
"longitude": 29
};
latlong["ME"] = {
"latitude": 42.5,
"longitude": 19.4
};
latlong["MG"] = {
"latitude": -20,
"longitude": 47
};
latlong["MH"] = {
"latitude": 9,
"longitude": 168
};
latlong["MK"] = {
"latitude": 41.8333,
"longitude": 22
};
latlong["ML"] = {
"latitude": 17,
"longitude": -4
};
latlong["MM"] = {
"latitude": 22,
"longitude": 98
};
latlong["MN"] = {
"latitude": 46,
"longitude": 105
};
latlong["MO"] = {
"latitude": 22.1667,
"longitude": 113.55
};
latlong["MP"] = {
"latitude": 15.2,
"longitude": 145.75
};
latlong["MQ"] = {
"latitude": 14.6667,
"longitude": -61
};
latlong["MR"] = {
"latitude": 20,
"longitude": -12
};
latlong["MS"] = {
"latitude": 16.75,
"longitude": -62.2
};
latlong["MT"] = {
"latitude": 35.8333,
"longitude": 14.5833
};
latlong["MU"] = {
"latitude": -20.2833,
"longitude": 57.55
};
latlong["MV"] = {
"latitude": 3.25,
"longitude": 73
};
latlong["MW"] = {
"latitude": -13.5,
"longitude": 34
};
latlong["MX"] = {
"latitude": 23,
"longitude": -102
};
latlong["MY"] = {
"latitude": 2.5,
"longitude": 112.5
};
latlong["MZ"] = {
"latitude": -18.25,
"longitude": 35
};
latlong["NA"] = {
"latitude": -22,
"longitude": 17
};
latlong["NC"] = {
"latitude": -21.5,
"longitude": 165.5
};
latlong["NE"] = {
"latitude": 16,
"longitude": 8
};
latlong["NF"] = {
"latitude": -29.0333,
"longitude": 167.95
};
latlong["NG"] = {
"latitude": 10,
"longitude": 8
};
latlong["NI"] = {
"latitude": 13,
"longitude": -85
};
latlong["NL"] = {
"latitude": 52.5,
"longitude": 5.75
};
latlong["NO"] = {
"latitude": 62,
"longitude": 10
};
latlong["NP"] = {
"latitude": 28,
"longitude": 84
};
latlong["NR"] = {
"latitude": -0.5333,
"longitude": 166.9167
};
latlong["NU"] = {
"latitude": -19.0333,
"longitude": -169.8667
};
latlong["NZ"] = {
"latitude": -41,
"longitude": 174
};
latlong["OM"] = {
"latitude": 21,
"longitude": 57
};
latlong["PA"] = {
"latitude": 9,
"longitude": -80
};
latlong["PE"] = {
"latitude": -10,
"longitude": -76
};
latlong["PF"] = {
"latitude": -15,
"longitude": -140
};
latlong["PG"] = {
"latitude": -6,
"longitude": 147
};
latlong["PH"] = {
"latitude": 13,
"longitude": 122
};
latlong["PK"] = {
"latitude": 30,
"longitude": 70
};
latlong["PL"] = {
"latitude": 52,
"longitude": 20
};
latlong["PM"] = {
"latitude": 46.8333,
"longitude": -56.3333
};
latlong["PR"] = {
"latitude": 18.25,
"longitude": -66.5
};
latlong["PS"] = {
"latitude": 32,
"longitude": 35.25
};
latlong["PT"] = {
"latitude": 39.5,
"longitude": -8
};
latlong["PW"] = {
"latitude": 7.5,
"longitude": 134.5
};
latlong["PY"] = {
"latitude": -23,
"longitude": -58
};
latlong["QA"] = {
"latitude": 25.5,
"longitude": 51.25
};
latlong["RE"] = {
"latitude": -21.1,
"longitude": 55.6
};
latlong["RO"] = {
"latitude": 46,
"longitude": 25
};
latlong["RS"] = {
"latitude": 44,
"longitude": 21
};
latlong["RU"] = {
"latitude": 60,
"longitude": 100
};
latlong["RW"] = {
"latitude": -2,
"longitude": 30
};
latlong["SA"] = {
"latitude": 25,
"longitude": 45
};
latlong["SB"] = {
"latitude": -8,
"longitude": 159
};
latlong["SC"] = {
"latitude": -4.5833,
"longitude": 55.6667
};
latlong["SD"] = {
"latitude": 15,
"longitude": 30
};
latlong["SE"] = {
"latitude": 62,
"longitude": 15
};
latlong["SG"] = {
"latitude": 1.3667,
"longitude": 103.8
};
latlong["SH"] = {
"latitude": -15.9333,
"longitude": -5.7
};
latlong["SI"] = {
"latitude": 46,
"longitude": 15
};
latlong["SJ"] = {
"latitude": 78,
"longitude": 20
};
latlong["SK"] = {
"latitude": 48.6667,
"longitude": 19.5
};
latlong["SL"] = {
"latitude": 8.5,
"longitude": -11.5
};
latlong["SM"] = {
"latitude": 43.7667,
"longitude": 12.4167
};
latlong["SN"] = {
"latitude": 14,
"longitude": -14
};
latlong["SO"] = {
"latitude": 10,
"longitude": 49
};
latlong["SR"] = {
"latitude": 4,
"longitude": -56
};
latlong["ST"] = {
"latitude": 1,
"longitude": 7
};
latlong["SV"] = {
"latitude": 13.8333,
"longitude": -88.9167
};
latlong["SY"] = {
"latitude": 35,
"longitude": 38
};
latlong["SZ"] = {
"latitude": -26.5,
"longitude": 31.5
};
latlong["TC"] = {
"latitude": 21.75,
"longitude": -71.5833
};
latlong["TD"] = {
"latitude": 15,
"longitude": 19
};
latlong["TF"] = {
"latitude": -43,
"longitude": 67
};
latlong["TG"] = {
"latitude": 8,
"longitude": 1.1667
};
latlong["TH"] = {
"latitude": 15,
"longitude": 100
};
latlong["TJ"] = {
"latitude": 39,
"longitude": 71
};
latlong["TK"] = {
"latitude": -9,
"longitude": -172
};
latlong["TM"] = {
"latitude": 40,
"longitude": 60
};
latlong["TN"] = {
"latitude": 34,
"longitude": 9
};
latlong["TO"] = {
"latitude": -20,
"longitude": -175
};
latlong["TR"] = {
"latitude": 39,
"longitude": 35
};
latlong["TT"] = {
"latitude": 11,
"longitude": -61
};
latlong["TV"] = {
"latitude": -8,
"longitude": 178
};
latlong["TW"] = {
"latitude": 23.5,
"longitude": 121
};
latlong["TZ"] = {
"latitude": -6,
"longitude": 35
};
latlong["UA"] = {
"latitude": 49,
"longitude": 32
};
latlong["UG"] = {
"latitude": 1,
"longitude": 32
};
latlong["UM"] = {
"latitude": 19.2833,
"longitude": 166.6
};
latlong["US"] = {
"latitude": 38,
"longitude": -97
};
latlong["UY"] = {
"latitude": -33,
"longitude": -56
};
latlong["UZ"] = {
"latitude": 41,
"longitude": 64
};
latlong["VA"] = {
"latitude": 41.9,
"longitude": 12.45
};
latlong["VC"] = {
"latitude": 13.25,
"longitude": -61.2
};
latlong["VE"] = {
"latitude": 8,
"longitude": -66
};
latlong["VG"] = {
"latitude": 18.5,
"longitude": -64.5
};
latlong["VI"] = {
"latitude": 18.3333,
"longitude": -64.8333
};
latlong["VN"] = {
"latitude": 16,
"longitude": 106
};
latlong["VU"] = {
"latitude": -16,
"longitude": 167
};
latlong["WF"] = {
"latitude": -13.3,
"longitude": -176.2
};
latlong["WS"] = {
"latitude": -13.5833,
"longitude": -172.3333
};
latlong["YE"] = {
"latitude": 15,
"longitude": 48
};
latlong["YT"] = {
"latitude": -12.8333,
"longitude": 45.1667
};
latlong["ZA"] = {
"latitude": -29,
"longitude": 24
};
latlong["ZM"] = {
"latitude": -15,
"longitude": 30
};
latlong["ZW"] = {
"latitude": -20,
"longitude": 30
};
var mapData = [{
"code": "AF",
"name": "Afghanistan",
"value": 32358260,
"color": "#eea638"
}, {
"code": "AL",
"name": "Albania",
"value": 3215988,
"color": "#d8854f"
}, {
"code": "DZ",
"name": "Algeria",
"value": 35980193,
"color": "#de4c4f"
}, {
"code": "AO",
"name": "Angola",
"value": 19618432,
"color": "#de4c4f"
}, {
"code": "AR",
"name": "Argentina",
"value": 40764561,
"color": "#86a965"
}, {
"code": "AM",
"name": "Armenia",
"value": 3100236,
"color": "#d8854f"
}, {
"code": "AU",
"name": "Australia",
"value": 22605732,
"color": "#8aabb0"
}, {
"code": "AT",
"name": "Austria",
"value": 8413429,
"color": "#d8854f"
}, {
"code": "AZ",
"name": "Azerbaijan",
"value": 9306023,
"color": "#d8854f"
}, {
"code": "BH",
"name": "Bahrain",
"value": 1323535,
"color": "#eea638"
}, {
"code": "BD",
"name": "Bangladesh",
"value": 150493658,
"color": "#eea638"
}, {
"code": "BY",
"name": "Belarus",
"value": 9559441,
"color": "#d8854f"
}, {
"code": "BE",
"name": "Belgium",
"value": 10754056,
"color": "#d8854f"
}, {
"code": "BJ",
"name": "Benin",
"value": 9099922,
"color": "#de4c4f"
}, {
"code": "BT",
"name": "Bhutan",
"value": 738267,
"color": "#eea638"
}, {
"code": "BO",
"name": "Bolivia",
"value": 10088108,
"color": "#86a965"
}, {
"code": "BA",
"name": "Bosnia and Herzegovina",
"value": 3752228,
"color": "#d8854f"
}, {
"code": "BW",
"name": "Botswana",
"value": 2030738,
"color": "#de4c4f"
}, {
"code": "BR",
"name": "Brazil",
"value": 196655014,
"color": "#86a965"
}, {
"code": "BN",
"name": "Brunei",
"value": 405938,
"color": "#eea638"
}, {
"code": "BG",
"name": "Bulgaria",
"value": 7446135,
"color": "#d8854f"
}, {
"code": "BF",
"name": "Burkina Faso",
"value": 16967845,
"color": "#de4c4f"
}, {
"code": "BI",
"name": "Burundi",
"value": 8575172,
"color": "#de4c4f"
}, {
"code": "KH",
"name": "Cambodia",
"value": 14305183,
"color": "#eea638"
}, {
"code": "CM",
"name": "Cameroon",
"value": 20030362,
"color": "#de4c4f"
}, {
"code": "CA",
"name": "Canada",
"value": 34349561,
"color": "#a7a737"
}, {
"code": "CV",
"name": "Cape Verde",
"value": 500585,
"color": "#de4c4f"
}, {
"code": "CF",
"name": "Central African Rep.",
"value": 4486837,
"color": "#de4c4f"
}, {
"code": "TD",
"name": "Chad",
"value": 11525496,
"color": "#de4c4f"
}, {
"code": "CL",
"name": "Chile",
"value": 17269525,
"color": "#86a965"
}, {
"code": "CN",
"name": "China",
"value": 1347565324,
"color": "#eea638"
}, {
"code": "CO",
"name": "Colombia",
"value": 46927125,
"color": "#86a965"
}, {
"code": "KM",
"name": "Comoros",
"value": 753943,
"color": "#de4c4f"
}, {
"code": "CD",
"name": "Congo, Dem. Rep.",
"value": 67757577,
"color": "#de4c4f"
}, {
"code": "CG",
"name": "Congo, Rep.",
"value": 4139748,
"color": "#de4c4f"
}, {
"code": "CR",
"name": "Costa Rica",
"value": 4726575,
"color": "#a7a737"
}, {
"code": "CI",
"name": "Cote d'Ivoire",
"value": 20152894,
"color": "#de4c4f"
}, {
"code": "HR",
"name": "Croatia",
"value": 4395560,
"color": "#d8854f"
}, {
"code": "CU",
"name": "Cuba",
"value": 11253665,
"color": "#a7a737"
}, {
"code": "CY",
"name": "Cyprus",
"value": 1116564,
"color": "#d8854f"
}, {
"code": "CZ",
"name": "Czech Rep.",
"value": 10534293,
"color": "#d8854f"
}, {
"code": "DK",
"name": "Denmark",
"value": 5572594,
"color": "#d8854f"
}, {
"code": "DJ",
"name": "Djibouti",
"value": 905564,
"color": "#de4c4f"
}, {
"code": "DO",
"name": "Dominican Rep.",
"value": 10056181,
"color": "#a7a737"
}, {
"code": "EC",
"name": "Ecuador",
"value": 14666055,
"color": "#86a965"
}, {
"code": "EG",
"name": "Egypt",
"value": 82536770,
"color": "#de4c4f"
}, {
"code": "SV",
"name": "El Salvador",
"value": 6227491,
"color": "#a7a737"
}, {
"code": "GQ",
"name": "Equatorial Guinea",
"value": 720213,
"color": "#de4c4f"
}, {
"code": "ER",
"name": "Eritrea",
"value": 5415280,
"color": "#de4c4f"
}, {
"code": "EE",
"name": "Estonia",
"value": 1340537,
"color": "#d8854f"
}, {
"code": "ET",
"name": "Ethiopia",
"value": 84734262,
"color": "#de4c4f"
}, {
"code": "FJ",
"name": "Fiji",
"value": 868406,
"color": "#8aabb0"
}, {
"code": "FI",
"name": "Finland",
"value": 5384770,
"color": "#d8854f"
}, {
"code": "FR",
"name": "France",
"value": 63125894,
"color": "#d8854f"
}, {
"code": "GA",
"name": "Gabon",
"value": 1534262,
"color": "#de4c4f"
}, {
"code": "GM",
"name": "Gambia",
"value": 1776103,
"color": "#de4c4f"
}, {
"code": "GE",
"name": "Georgia",
"value": 4329026,
"color": "#d8854f"
}, {
"code": "DE",
"name": "Germany",
"value": 82162512,
"color": "#d8854f"
}, {
"code": "GH",
"name": "Ghana",
"value": 24965816,
"color": "#de4c4f"
}, {
"code": "GR",
"name": "Greece",
"value": 11390031,
"color": "#d8854f"
}, {
"code": "GT",
"name": "Guatemala",
"value": 14757316,
"color": "#a7a737"
}, {
"code": "GN",
"name": "Guinea",
"value": 10221808,
"color": "#de4c4f"
}, {
"code": "GW",
"name": "Guinea-Bissau",
"value": 1547061,
"color": "#de4c4f"
}, {
"code": "GY",
"name": "Guyana",
"value": 756040,
"color": "#86a965"
}, {
"code": "HT",
"name": "Haiti",
"value": 10123787,
"color": "#a7a737"
}, {
"code": "HN",
"name": "Honduras",
"value": 7754687,
"color": "#a7a737"
}, {
"code": "HK",
"name": "Hong Kong, China",
"value": 7122187,
"color": "#eea638"
}, {
"code": "HU",
"name": "Hungary",
"value": 9966116,
"color": "#d8854f"
}, {
"code": "IS",
"name": "Iceland",
"value": 324366,
"color": "#d8854f"
}, {
"code": "IN",
"name": "India",
"value": 1241491960,
"color": "#eea638"
}, {
"code": "ID",
"name": "Indonesia",
"value": 242325638,
"color": "#eea638"
}, {
"code": "IR",
"name": "Iran",
"value": 74798599,
"color": "#eea638"
}, {
"code": "IQ",
"name": "Iraq",
"value": 32664942,
"color": "#eea638"
}, {
"code": "IE",
"name": "Ireland",
"value": 4525802,
"color": "#d8854f"
}, {
"code": "IL",
"name": "Israel",
"value": 7562194,
"color": "#eea638"
}, {
"code": "IT",
"name": "Italy",
"value": 60788694,
"color": "#d8854f"
}, {
"code": "JM",
"name": "Jamaica",
"value": 2751273,
"color": "#a7a737"
}, {
"code": "JP",
"name": "Japan",
"value": 126497241,
"color": "#eea638"
}, {
"code": "JO",
"name": "Jordan",
"value": 6330169,
"color": "#eea638"
}, {
"code": "KZ",
"name": "Kazakhstan",
"value": 16206750,
"color": "#eea638"
}, {
"code": "KE",
"name": "Kenya",
"value": 41609728,
"color": "#de4c4f"
}, {
"code": "KR",
"name": "Korea, Dem. Rep.",
"value": 24451285,
"color": "#eea638"
}, {
"code": "KP",
"name": "Korea, Rep.",
"value": 48391343,
"color": "#eea638"
}, {
"code": "KW",
"name": "Kuwait",
"value": 2818042,
"color": "#eea638"
}, {
"code": "KG",
"name": "Kyrgyzstan",
"value": 5392580,
"color": "#eea638"
}, {
"code": "LA",
"name": "Laos",
"value": 6288037,
"color": "#eea638"
}, {
"code": "LV",
"name": "Latvia",
"value": 2243142,
"color": "#d8854f"
}, {
"code": "LB",
"name": "Lebanon",
"value": 4259405,
"color": "#eea638"
}, {
"code": "LS",
"name": "Lesotho",
"value": 2193843,
"color": "#de4c4f"
}, {
"code": "LR",
"name": "Liberia",
"value": 4128572,
"color": "#de4c4f"
}, {
"code": "LY",
"name": "Libya",
"value": 6422772,
"color": "#de4c4f"
}, {
"code": "LT",
"name": "Lithuania",
"value": 3307481,
"color": "#d8854f"
}, {
"code": "LU",
"name": "Luxembourg",
"value": 515941,
"color": "#d8854f"
}, {
"code": "MK",
"name": "Macedonia, FYR",
"value": 2063893,
"color": "#d8854f"
}, {
"code": "MG",
"name": "Madagascar",
"value": 21315135,
"color": "#de4c4f"
}, {
"code": "MW",
"name": "Malawi",
"value": 15380888,
"color": "#de4c4f"
}, {
"code": "MY",
"name": "Malaysia",
"value": 28859154,
"color": "#eea638"
}, {
"code": "ML",
"name": "Mali",
"value": 15839538,
"color": "#de4c4f"
}, {
"code": "MR",
"name": "Mauritania",
"value": 3541540,
"color": "#de4c4f"
}, {
"code": "MU",
"name": "Mauritius",
"value": 1306593,
"color": "#de4c4f"
}, {
"code": "MX",
"name": "Mexico",
"value": 114793341,
"color": "#a7a737"
}, {
"code": "MD",
"name": "Moldova",
"value": 3544864,
"color": "#d8854f"
}, {
"code": "MN",
"name": "Mongolia",
"value": 2800114,
"color": "#eea638"
}, {
"code": "ME",
"name": "Montenegro",
"value": 632261,
"color": "#d8854f"
}, {
"code": "MA",
"name": "Morocco",
"value": 32272974,
"color": "#de4c4f"
}, {
"code": "MZ",
"name": "Mozambique",
"value": 23929708,
"color": "#de4c4f"
}, {
"code": "MM",
"name": "Myanmar",
"value": 48336763,
"color": "#eea638"
}, {
"code": "NA",
"name": "Namibia",
"value": 2324004,
"color": "#de4c4f"
}, {
"code": "NP",
"name": "Nepal",
"value": 30485798,
"color": "#eea638"
}, {
"code": "NL",
"name": "Netherlands",
"value": 16664746,
"color": "#d8854f"
}, {
"code": "NZ",
"name": "New Zealand",
"value": 4414509,
"color": "#8aabb0"
}, {
"code": "NI",
"name": "Nicaragua",
"value": 5869859,
"color": "#a7a737"
}, {
"code": "NE",
"name": "Niger",
"value": 16068994,
"color": "#de4c4f"
}, {
"code": "NG",
"name": "Nigeria",
"value": 162470737,
"color": "#de4c4f"
}, {
"code": "NO",
"name": "Norway",
"value": 4924848,
"color": "#d8854f"
}, {
"code": "OM",
"name": "Oman",
"value": 2846145,
"color": "#eea638"
}, {
"code": "PK",
"name": "Pakistan",
"value": 176745364,
"color": "#eea638"
}, {
"code": "PA",
"name": "Panama",
"value": 3571185,
"color": "#a7a737"
}, {
"code": "PG",
"name": "Papua New Guinea",
"value": 7013829,
"color": "#8aabb0"
}, {
"code": "PY",
"name": "Paraguay",
"value": 6568290,
"color": "#86a965"
}, {
"code": "PE",
"name": "Peru",
"value": 29399817,
"color": "#86a965"
}, {
"code": "PH",
"name": "Philippines",
"value": 94852030,
"color": "#eea638"
}, {
"code": "PL",
"name": "Poland",
"value": 38298949,
"color": "#d8854f"
}, {
"code": "PT",
"name": "Portugal",
"value": 10689663,
"color": "#d8854f"
}, {
"code": "PR",
"name": "Puerto Rico",
"value": 3745526,
"color": "#a7a737"
}, {
"code": "QA",
"name": "Qatar",
"value": 1870041,
"color": "#eea638"
}, {
"code": "RO",
"name": "Romania",
"value": 21436495,
"color": "#d8854f"
}, {
"code": "RU",
"name": "Russia",
"value": 142835555,
"color": "#d8854f"
}, {
"code": "RW",
"name": "Rwanda",
"value": 10942950,
"color": "#de4c4f"
}, {
"code": "SA",
"name": "Saudi Arabia",
"value": 28082541,
"color": "#eea638"
}, {
"code": "SN",
"name": "Senegal",
"value": 12767556,
"color": "#de4c4f"
}, {
"code": "RS",
"name": "Serbia",
"value": 9853969,
"color": "#d8854f"
}, {
"code": "SL",
"name": "Sierra Leone",
"value": 5997486,
"color": "#de4c4f"
}, {
"code": "SG",
"name": "Singapore",
"value": 5187933,
"color": "#eea638"
}, {
"code": "SK",
"name": "Slovak Republic",
"value": 5471502,
"color": "#d8854f"
}, {
"code": "SI",
"name": "Slovenia",
"value": 2035012,
"color": "#d8854f"
}, {
"code": "SB",
"name": "Solomon Islands",
"value": 552267,
"color": "#8aabb0"
}, {
"code": "SO",
"name": "Somalia",
"value": 9556873,
"color": "#de4c4f"
}, {
"code": "ZA",
"name": "South Africa",
"value": 50459978,
"color": "#de4c4f"
}, {
"code": "ES",
"name": "Spain",
"value": 46454895,
"color": "#d8854f"
}, {
"code": "LK",
"name": "Sri Lanka",
"value": 21045394,
"color": "#eea638"
}, {
"code": "SD",
"name": "Sudan",
"value": 34735288,
"color": "#de4c4f"
}, {
"code": "SR",
"name": "Suriname",
"value": 529419,
"color": "#86a965"
}, {
"code": "SZ",
"name": "Swaziland",
"value": 1203330,
"color": "#de4c4f"
}, {
"code": "SE",
"name": "Sweden",
"value": 9440747,
"color": "#d8854f"
}, {
"code": "CH",
"name": "Switzerland",
"value": 7701690,
"color": "#d8854f"
}, {
"code": "SY",
"name": "Syria",
"value": 20766037,
"color": "#eea638"
}, {
"code": "TW",
"name": "Taiwan",
"value": 23072000,
"color": "#eea638"
}, {
"code": "TJ",
"name": "Tajikistan",
"value": 6976958,
"color": "#eea638"
}, {
"code": "TZ",
"name": "Tanzania",
"value": 46218486,
"color": "#de4c4f"
}, {
"code": "TH",
"name": "Thailand",
"value": 69518555,
"color": "#eea638"
}, {
"code": "TG",
"name": "Togo",
"value": 6154813,
"color": "#de4c4f"
}, {
"code": "TT",
"name": "Trinidad and Tobago",
"value": 1346350,
"color": "#a7a737"
}, {
"code": "TN",
"name": "Tunisia",
"value": 10594057,
"color": "#de4c4f"
}, {
"code": "TR",
"name": "Turkey",
"value": 73639596,
"color": "#d8854f"
}, {
"code": "TM",
"name": "Turkmenistan",
"value": 5105301,
"color": "#eea638"
}, {
"code": "UG",
"name": "Uganda",
"value": 34509205,
"color": "#de4c4f"
}, {
"code": "UA",
"name": "Ukraine",
"value": 45190180,
"color": "#d8854f"
}, {
"code": "AE",
"name": "United Arab Emirates",
"value": 7890924,
"color": "#eea638"
}, {
"code": "GB",
"name": "United Kingdom",
"value": 62417431,
"color": "#d8854f"
}, {
"code": "US",
"name": "United States",
"value": 313085380,
"color": "#a7a737"
}, {
"code": "UY",
"name": "Uruguay",
"value": 3380008,
"color": "#86a965"
}, {
"code": "UZ",
"name": "Uzbekistan",
"value": 27760267,
"color": "#eea638"
}, {
"code": "VE",
"name": "Venezuela",
"value": 29436891,
"color": "#86a965"
}, {
"code": "PS",
"name": "West Bank and Gaza",
"value": 4152369,
"color": "#eea638"
}, {
"code": "VN",
"name": "Vietnam",
"value": 88791996,
"color": "#eea638"
}, {
"code": "YE",
"name": "Yemen, Rep.",
"value": 24799880,
"color": "#eea638"
}, {
"code": "ZM",
"name": "Zambia",
"value": 13474959,
"color": "#de4c4f"
}, {
"code": "ZW",
"name": "Zimbabwe",
"value": 12754378,
"color": "#de4c4f"
}];
var map;
var minBulletSize = 3;
var maxBulletSize = 70;
var min = Infinity;
var max = -Infinity;
AmCharts.theme = AmCharts.themes.black;
// get min and max values
for (var i = 0; i < mapData.length; i++) {
var value = mapData[i].value;
if (value < min) {
min = value;
}
if (value > max) {
max = value;
}
}
// build map
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.addTitle("Population of the World in 2011", 14);
map.addTitle("source: Gapminder", 11);
map.areasSettings = {
unlistedAreasColor: "#FFFFFF",
unlistedAreasAlpha: 0.1
};
map.imagesSettings = {
balloonText: "<span style='font-size:14px;'><b>[[title]]</b>: [[value]]</span>",
alpha: 0.6
}
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
images: []
}
// create circle for each country
// it's better to use circle square to show difference between values, not a radius
var maxSquare = maxBulletSize * maxBulletSize * 2 * Math.PI;
var minSquare = minBulletSize * minBulletSize * 2 * Math.PI;
// create circle for each country
for (var i = 0; i < mapData.length; i++) {
var dataItem = mapData[i];
var value = dataItem.value;
// calculate size of a bubble
var square = (value - min) / (max - min) * (maxSquare - minSquare) + minSquare;
if (square < minSquare) {
square = minSquare;
}
var size = Math.sqrt(square / (Math.PI * 2));
var id = dataItem.code;
dataProvider.images.push({
type: "circle",
width: size,
height: size,
color: dataItem.color,
longitude: latlong[id].longitude,
latitude: latlong[id].latitude,
title: dataItem.name,
value: value
});
}
// the following code uses circle radius to show the difference
/*
for (var i = 0; i < mapData.length; i++) {
var dataItem = mapData[i];
var value = dataItem.value;
// calculate size of a bubble
var size = (value - min) / (max - min) * (maxBulletSize - minBulletSize) + minBulletSize;
if (size < minBulletSize) {
size = minBulletSize;
}
var id = dataItem.code;
dataProvider.images.push({
type: "circle",
width: size,
height: size,
color: dataItem.color,
longitude: latlong[id].longitude,
latitude: latlong[id].latitude,
title: dataItem.name,
value: value
});
}*/
map.dataProvider = dataProvider;
map.write("mapdiv");
});
</script>
</head>
<link rel="stylesheet" href="style.css" type="text/css">
<body style="background-color:#222222;">
<div id="mapdiv" style="width: 100%; height: 600px;"></div>
<br>
<div style="text-align:center; font-size:14px">
<a href="#" onclick="map.setProjection('winkel3')">Winkel 3</a> |
<a href="#" onclick="map.setProjection('eckert3')">Eckert 3</a> |
<a href="#" onclick="map.setProjection('eckert5')">Eckert 5</a> |
<a href="#" onclick="map.setProjection('eckert6')">Eckert 6</a> |
<a href="#" onclick="map.setProjection('miller')">Miller</a> |
<a href="#" onclick="map.setProjection('equirectangular')">Equirectangular</a> |
<a href="#" onclick="map.setProjection('mercator')">Mercator</a>
</div>
</body>
</html> _JSON_curvedLines.html 0000644 00000021060 15167740746 0010725 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
zoomLevel: 3.5,
zoomLongitude: -20.1341,
zoomLatitude: 49.1712,
lines: [{
latitudes: [51.5002, 50.4422],
longitudes: [-0.1262, 30.5367]
}, {
latitudes: [51.5002, 46.9480],
longitudes: [-0.1262, 7.4481]
}, {
latitudes: [51.5002, 59.3328],
longitudes: [-0.1262, 18.0645]
}, {
latitudes: [51.5002, 40.4167],
longitudes: [-0.1262, -3.7033]
}, {
latitudes: [51.5002, 46.0514],
longitudes: [-0.1262, 14.5060]
}, {
latitudes: [51.5002, 48.2116],
longitudes: [-0.1262, 17.1547]
}, {
latitudes: [51.5002, 44.8048],
longitudes: [-0.1262, 20.4781]
}, {
latitudes: [51.5002, 55.7558],
longitudes: [-0.1262, 37.6176]
}, {
latitudes: [51.5002, 38.7072],
longitudes: [-0.1262, -9.1355]
}, {
latitudes: [51.5002, 54.6896],
longitudes: [-0.1262, 25.2799]
}, {
latitudes: [51.5002, 64.1353],
longitudes: [-0.1262, -21.8952]
}, {
latitudes: [51.5002, 40.4300],
longitudes: [-0.1262, -74.0000]
}],
images: [{
id: "london",
svgPath: targetSVG,
title: "London",
latitude: 51.5002,
longitude: -0.1262,
scale: 1
}, {
svgPath: targetSVG,
title: "Brussels",
latitude: 50.8371,
longitude: 4.3676,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Prague",
latitude: 50.0878,
longitude: 14.4205,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Athens",
latitude: 37.9792,
longitude: 23.7166,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Reykjavik",
latitude: 64.1353,
longitude: -21.8952,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Dublin",
latitude: 53.3441,
longitude: -6.2675,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Oslo",
latitude: 59.9138,
longitude: 10.7387,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Lisbon",
latitude: 38.7072,
longitude: -9.1355,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Moscow",
latitude: 55.7558,
longitude: 37.6176,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Belgrade",
latitude: 44.8048,
longitude: 20.4781,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Bratislava",
latitude: 48.2116,
longitude: 17.1547,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Ljubljana",
latitude: 46.0514,
longitude: 14.5060,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Madrid",
latitude: 40.4167,
longitude: -3.7033,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Stockholm",
latitude: 59.3328,
longitude: 18.0645,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Bern",
latitude: 46.9480,
longitude: 7.4481,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Kiev",
latitude: 50.4422,
longitude: 30.5367,
scale: 0.5
}, {
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510,
scale: 0.5
}, {
svgPath: targetSVG,
title: "New York",
latitude: 40.43,
longitude: -74,
scale: 0.5
}]
},
areasSettings: {
unlistedAreasColor: "#FFCC00"
},
imagesSettings: {
color: "#CC0000",
rollOverColor: "#CC0000",
selectedColor: "#000000"
},
linesSettings: {
arc: -0.7, // this makes lines curved. Use value from -1 to 1
arrow: "middle",
color: "#CC0000",
alpha: 0.4,
arrowAlpha: 1,
arrowSize: 4,
dashLength:2
},
backgroundZoomsToTop: true,
linesAboveImages: true
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> animationsAlongLines.html 0000644 00000010552 15167740746 0011574 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map;
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47";
AmCharts.ready(function() {
map = new AmCharts.AmMap();
var dataProvider = {
mapVar: AmCharts.maps.worldLow
};
map.areasSettings = {
unlistedAreasColor: "#8dd9ef"
};
map.imagesSettings = {
color: "#585869",
rollOverColor: "#585869",
selectedColor: "#585869",
pauseDuration: 0.2,
animationDuration:2.5,
adjustAnimationSpeed:true
};
map.linesSettings = {
color: "#585869",
alpha: 0.4
};
// LONDON
var lines = [{
id: "line1",
arc: -0.85,
alpha: 0.3,
latitudes: [48.8567, 43.8163, 34.3, 23],
longitudes: [2.3510, -79.4287, -118.15, -82]
}, {
id: "line2",
alpha: 0,
color: "#000000",
latitudes: [48.8567, 43.8163, 34.3, 23],
longitudes: [2.3510, -79.4287, -118.15, -82]
}];
// cities
var cities = [{
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "Toronto",
latitude: 43.8163,
longitude: -79.4287
}, {
svgPath: targetSVG,
title: "Los Angeles",
latitude: 34.3,
longitude: -118.15
}, {
svgPath: targetSVG,
title: "Havana",
latitude: 23,
longitude: -82
}, {
svgPath: planeSVG,
positionOnLine: 0,
color: "#000000",
alpha: 0.1,
animateAlongLine: true,
lineId: "line2",
flipDirection: true,
loop: true,
scale: 0.03,
positionScale: 1.3
}, {
svgPath: planeSVG,
positionOnLine: 0,
color: "#585869",
animateAlongLine: true,
lineId: "line1",
flipDirection: true,
loop: true,
scale: 0.03,
positionScale: 1.8
}];
dataProvider.images = cities;
dataProvider.lines = lines;
dataProvider.zoomLevel = 3.5;
dataProvider.zoomLongitude = -55;
dataProvider.zoomLatitude = 42;
map.dataProvider = dataProvider;
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#d5eff7; height: 500px;"></div>
</body>
</html> drillDownMap.html 0000644 00000044664 15167740746 0010065 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
<script>
var map;
var continentsDataProvider;
var backIconSVG = "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM27.436,17.39c0.001,0.002,0.004,0.002,0.005,0.004c-0.022,0.187-0.054,0.37-0.085,0.554c-0.015-0.012-0.034-0.025-0.047-0.036c-0.103-0.09-0.254-0.128-0.318-0.115c-0.157,0.032,0.229,0.305,0.267,0.342c0.009,0.009,0.031,0.03,0.062,0.058c-1.029,5.312-5.709,9.338-11.319,9.338c-4.123,0-7.736-2.18-9.776-5.441c0.123-0.016,0.24-0.016,0.28-0.076c0.051-0.077,0.102-0.241,0.178-0.331c0.077-0.089,0.165-0.229,0.127-0.292c-0.039-0.064,0.101-0.344,0.088-0.419c-0.013-0.076-0.127-0.256,0.064-0.407s0.394-0.382,0.407-0.444c0.012-0.063,0.166-0.331,0.152-0.458c-0.012-0.127-0.152-0.28-0.24-0.318c-0.09-0.037-0.28-0.05-0.356-0.151c-0.077-0.103-0.292-0.203-0.368-0.178c-0.076,0.025-0.204,0.05-0.305-0.015c-0.102-0.062-0.267-0.139-0.33-0.189c-0.065-0.05-0.229-0.088-0.305-0.088c-0.077,0-0.065-0.052-0.178,0.101c-0.114,0.153,0,0.204-0.204,0.177c-0.204-0.023,0.025-0.036,0.141-0.189c0.113-0.152-0.013-0.242-0.141-0.203c-0.126,0.038-0.038,0.115-0.241,0.153c-0.203,0.036-0.203-0.09-0.076-0.115s0.355-0.139,0.355-0.19c0-0.051-0.025-0.191-0.127-0.191s-0.077-0.126-0.229-0.291c-0.092-0.101-0.196-0.164-0.299-0.204c-0.09-0.579-0.15-1.167-0.15-1.771c0-2.844,1.039-5.446,2.751-7.458c0.024-0.02,0.048-0.034,0.069-0.036c0.084-0.009,0.31-0.025,0.51-0.059c0.202-0.034,0.418-0.161,0.489-0.153c0.069,0.008,0.241,0.008,0.186-0.042C8.417,8.2,8.339,8.082,8.223,8.082S8.215,7.896,8.246,7.896c0.03,0,0.186,0.025,0.178,0.11C8.417,8.091,8.471,8.2,8.625,8.167c0.156-0.034,0.132-0.162,0.102-0.195C8.695,7.938,8.672,7.853,8.642,7.794c-0.031-0.06-0.023-0.136,0.14-0.153C8.944,7.625,9.168,7.708,9.16,7.573s0-0.28,0.046-0.356C9.253,7.142,9.354,7.09,9.299,7.065C9.246,7.04,9.176,7.099,9.121,6.972c-0.054-0.127,0.047-0.22,0.108-0.271c0.02-0.015,0.067-0.06,0.124-0.112C11.234,5.257,13.524,4.466,16,4.466c3.213,0,6.122,1.323,8.214,3.45c-0.008,0.022-0.01,0.052-0.031,0.056c-0.077,0.013-0.166,0.063-0.179-0.051c-0.013-0.114-0.013-0.331-0.102-0.203c-0.089,0.127-0.127,0.127-0.127,0.191c0,0.063,0.076,0.127,0.051,0.241C23.8,8.264,23.8,8.341,23.84,8.341c0.036,0,0.126-0.115,0.239-0.141c0.116-0.025,0.319-0.088,0.332,0.026c0.013,0.115,0.139,0.152,0.013,0.203c-0.128,0.051-0.267,0.026-0.293-0.051c-0.025-0.077-0.114-0.077-0.203-0.013c-0.088,0.063-0.279,0.292-0.279,0.292s-0.306,0.139-0.343,0.114c-0.04-0.025,0.101-0.165,0.203-0.228c0.102-0.064,0.178-0.204,0.14-0.242c-0.038-0.038-0.088-0.279-0.063-0.343c0.025-0.063,0.139-0.152,0.013-0.216c-0.127-0.063-0.217-0.14-0.318-0.178s-0.216,0.152-0.305,0.204c-0.089,0.051-0.076,0.114-0.191,0.127c-0.114,0.013-0.189,0.165,0,0.254c0.191,0.089,0.255,0.152,0.204,0.204c-0.051,0.051-0.267-0.025-0.267-0.025s-0.165-0.076-0.268-0.076c-0.101,0-0.229-0.063-0.33-0.076c-0.102-0.013-0.306-0.013-0.355,0.038c-0.051,0.051-0.179,0.203-0.28,0.152c-0.101-0.051-0.101-0.102-0.241-0.051c-0.14,0.051-0.279-0.038-0.355,0.038c-0.077,0.076-0.013,0.076-0.255,0c-0.241-0.076-0.189,0.051-0.419,0.089s-0.368-0.038-0.432,0.038c-0.064,0.077-0.153,0.217-0.19,0.127c-0.038-0.088,0.126-0.241,0.062-0.292c-0.062-0.051-0.33-0.025-0.367,0.013c-0.039,0.038-0.014,0.178,0.011,0.229c0.026,0.05,0.064,0.254-0.011,0.216c-0.077-0.038-0.064-0.166-0.141-0.152c-0.076,0.013-0.165,0.051-0.203,0.077c-0.038,0.025-0.191,0.025-0.229,0.076c-0.037,0.051,0.014,0.191-0.051,0.203c-0.063,0.013-0.114,0.064-0.254-0.025c-0.14-0.089-0.14-0.038-0.178-0.012c-0.038,0.025-0.216,0.127-0.229,0.012c-0.013-0.114,0.025-0.152-0.089-0.229c-0.115-0.076-0.026-0.076,0.127-0.025c0.152,0.05,0.343,0.075,0.622-0.013c0.28-0.089,0.395-0.127,0.28-0.178c-0.115-0.05-0.229-0.101-0.406-0.127c-0.179-0.025-0.42-0.025-0.7-0.127c-0.279-0.102-0.343-0.14-0.457-0.165c-0.115-0.026-0.813-0.14-1.132-0.089c-0.317,0.051-1.193,0.28-1.245,0.318s-0.128,0.19-0.292,0.318c-0.165,0.127-0.47,0.419-0.712,0.47c-0.241,0.051-0.521,0.254-0.521,0.305c0,0.051,0.101,0.242,0.076,0.28c-0.025,0.038,0.05,0.229,0.191,0.28c0.139,0.05,0.381,0.038,0.393-0.039c0.014-0.076,0.204-0.241,0.217-0.127c0.013,0.115,0.14,0.292,0.114,0.368c-0.025,0.077,0,0.153,0.09,0.14c0.088-0.012,0.559-0.114,0.559-0.114s0.153-0.064,0.127-0.166c-0.026-0.101,0.166-0.241,0.203-0.279c0.038-0.038,0.178-0.191,0.014-0.241c-0.167-0.051-0.293-0.064-0.115-0.216s0.292,0,0.521-0.229c0.229-0.229-0.051-0.292,0.191-0.305c0.241-0.013,0.496-0.025,0.444,0.051c-0.05,0.076-0.342,0.242-0.508,0.318c-0.166,0.077-0.14,0.216-0.076,0.292c0.063,0.076,0.09,0.254,0.204,0.229c0.113-0.025,0.254-0.114,0.38-0.101c0.128,0.012,0.383-0.013,0.42-0.013c0.039,0,0.216,0.178,0.114,0.203c-0.101,0.025-0.229,0.013-0.445,0.025c-0.215,0.013-0.456,0.013-0.456,0.051c0,0.039,0.292,0.127,0.19,0.191c-0.102,0.063-0.203-0.013-0.331-0.026c-0.127-0.012-0.203,0.166-0.241,0.267c-0.039,0.102,0.063,0.28-0.127,0.216c-0.191-0.063-0.331-0.063-0.381-0.038c-0.051,0.025-0.203,0.076-0.331,0.114c-0.126,0.038-0.076-0.063-0.242-0.063c-0.164,0-0.164,0-0.164,0l-0.103,0.013c0,0-0.101-0.063-0.114-0.165c-0.013-0.102,0.05-0.216-0.013-0.241c-0.064-0.026-0.292,0.012-0.33,0.088c-0.038,0.076-0.077,0.216-0.026,0.28c0.052,0.063,0.204,0.19,0.064,0.152c-0.14-0.038-0.317-0.051-0.419,0.026c-0.101,0.076-0.279,0.241-0.279,0.241s-0.318,0.025-0.318,0.102c0,0.077,0,0.178-0.114,0.191c-0.115,0.013-0.268,0.05-0.42,0.076c-0.153,0.025-0.139,0.088-0.317,0.102s-0.204,0.089-0.038,0.114c0.165,0.025,0.418,0.127,0.431,0.241c0.014,0.114-0.013,0.242-0.076,0.356c-0.043,0.079-0.305,0.026-0.458,0.026c-0.152,0-0.456-0.051-0.584,0c-0.127,0.051-0.102,0.305-0.064,0.419c0.039,0.114-0.012,0.178-0.063,0.216c-0.051,0.038-0.065,0.152,0,0.204c0.063,0.051,0.114,0.165,0.166,0.178c0.051,0.013,0.215-0.038,0.279,0.025c0.064,0.064,0.127,0.216,0.165,0.178c0.039-0.038,0.089-0.203,0.153-0.166c0.064,0.039,0.216-0.012,0.331-0.025s0.177-0.14,0.292-0.204c0.114-0.063,0.05-0.063,0.013-0.14c-0.038-0.076,0.114-0.165,0.204-0.254c0.088-0.089,0.253-0.013,0.292-0.115c0.038-0.102,0.051-0.279,0.151-0.267c0.103,0.013,0.243,0.076,0.331,0.076c0.089,0,0.279-0.14,0.332-0.165c0.05-0.025,0.241-0.013,0.267,0.102c0.025,0.114,0.241,0.254,0.292,0.279c0.051,0.025,0.381,0.127,0.433,0.165c0.05,0.038,0.126,0.153,0.152,0.254c0.025,0.102,0.114,0.102,0.128,0.013c0.012-0.089-0.065-0.254,0.025-0.242c0.088,0.013,0.191-0.026,0.191-0.026s-0.243-0.165-0.331-0.203c-0.088-0.038-0.255-0.114-0.331-0.241c-0.076-0.127-0.267-0.153-0.254-0.279c0.013-0.127,0.191-0.051,0.292,0.051c0.102,0.102,0.356,0.241,0.445,0.33c0.088,0.089,0.229,0.127,0.267,0.242c0.039,0.114,0.152,0.241,0.19,0.292c0.038,0.051,0.165,0.331,0.204,0.394c0.038,0.063,0.165-0.012,0.229-0.063c0.063-0.051,0.179-0.076,0.191-0.178c0.013-0.102-0.153-0.178-0.203-0.216c-0.051-0.038,0.127-0.076,0.191-0.127c0.063-0.05,0.177-0.14,0.228-0.063c0.051,0.077,0.026,0.381,0.051,0.432c0.025,0.051,0.279,0.127,0.331,0.191c0.05,0.063,0.267,0.089,0.304,0.051c0.039-0.038,0.242,0.026,0.294,0.038c0.049,0.013,0.202-0.025,0.304-0.05c0.103-0.025,0.204-0.102,0.191,0.063c-0.013,0.165-0.051,0.419-0.179,0.546c-0.127,0.127-0.076,0.191-0.202,0.191c-0.06,0-0.113,0-0.156,0.021c-0.041-0.065-0.098-0.117-0.175-0.097c-0.152,0.038-0.344,0.038-0.47,0.19c-0.128,0.153-0.178,0.165-0.204,0.114c-0.025-0.051,0.369-0.267,0.317-0.331c-0.05-0.063-0.355-0.038-0.521-0.038c-0.166,0-0.305-0.102-0.433-0.127c-0.126-0.025-0.292,0.127-0.418,0.254c-0.128,0.127-0.216,0.038-0.331,0.038c-0.115,0-0.331-0.165-0.331-0.165s-0.216-0.089-0.305-0.089c-0.088,0-0.267-0.165-0.318-0.165c-0.05,0-0.19-0.115-0.088-0.166c0.101-0.05,0.202,0.051,0.101-0.229c-0.101-0.279-0.33-0.216-0.419-0.178c-0.088,0.039-0.724,0.025-0.775,0.025c-0.051,0-0.419,0.127-0.533,0.178c-0.116,0.051-0.318,0.115-0.369,0.14c-0.051,0.025-0.318-0.051-0.433,0.013c-0.151,0.084-0.291,0.216-0.33,0.216c-0.038,0-0.153,0.089-0.229,0.28c-0.077,0.19,0.013,0.355-0.128,0.419c-0.139,0.063-0.394,0.204-0.495,0.305c-0.102,0.101-0.229,0.458-0.355,0.623c-0.127,0.165,0,0.317,0.025,0.419c0.025,0.101,0.114,0.292-0.025,0.471c-0.14,0.178-0.127,0.266-0.191,0.279c-0.063,0.013,0.063,0.063,0.088,0.19c0.025,0.128-0.114,0.255,0.128,0.369c0.241,0.113,0.355,0.217,0.418,0.367c0.064,0.153,0.382,0.407,0.382,0.407s0.229,0.205,0.344,0.293c0.114,0.089,0.152,0.038,0.177-0.05c0.025-0.09,0.178-0.104,0.355-0.104c0.178,0,0.305,0.04,0.483,0.014c0.178-0.025,0.356-0.141,0.42-0.166c0.063-0.025,0.279-0.164,0.443-0.063c0.166,0.103,0.141,0.241,0.23,0.332c0.088,0.088,0.24,0.037,0.355-0.051c0.114-0.09,0.064-0.052,0.203,0.025c0.14,0.075,0.204,0.151,0.077,0.267c-0.128,0.113-0.051,0.293-0.128,0.47c-0.076,0.178-0.063,0.203,0.077,0.278c0.14,0.076,0.394,0.548,0.47,0.638c0.077,0.088-0.025,0.342,0.064,0.495c0.089,0.151,0.178,0.254,0.077,0.331c-0.103,0.075-0.28,0.216-0.292,0.47s0.051,0.431,0.102,0.521s0.177,0.331,0.241,0.419c0.064,0.089,0.14,0.305,0.152,0.445c0.013,0.14-0.024,0.306,0.039,0.381c0.064,0.076,0.102,0.191,0.216,0.292c0.115,0.103,0.152,0.318,0.152,0.318s0.039,0.089,0.051,0.229c0.012,0.14,0.025,0.228,0.152,0.292c0.126,0.063,0.215,0.076,0.28,0.013c0.063-0.063,0.381-0.077,0.546-0.063c0.165,0.013,0.355-0.075,0.521-0.19s0.407-0.419,0.496-0.508c0.089-0.09,0.292-0.255,0.268-0.356c-0.025-0.101-0.077-0.203,0.024-0.254c0.102-0.052,0.344-0.152,0.356-0.229c0.013-0.077-0.09-0.395-0.115-0.457c-0.024-0.064,0.064-0.18,0.165-0.306c0.103-0.128,0.421-0.216,0.471-0.267c0.051-0.053,0.191-0.267,0.217-0.433c0.024-0.167-0.051-0.369,0-0.457c0.05-0.09,0.013-0.165-0.103-0.268c-0.114-0.102-0.089-0.407-0.127-0.457c-0.037-0.051-0.013-0.319,0.063-0.345c0.076-0.023,0.242-0.279,0.344-0.393c0.102-0.114,0.394-0.47,0.534-0.496c0.139-0.025,0.355-0.229,0.368-0.343c0.013-0.115,0.38-0.547,0.394-0.635c0.013-0.09,0.166-0.42,0.102-0.497c-0.062-0.076-0.559,0.115-0.622,0.141c-0.064,0.025-0.241,0.127-0.446,0.113c-0.202-0.013-0.114-0.177-0.127-0.254c-0.012-0.076-0.228-0.368-0.279-0.381c-0.051-0.012-0.203-0.166-0.267-0.317c-0.063-0.153-0.152-0.343-0.254-0.458c-0.102-0.114-0.165-0.38-0.268-0.559c-0.101-0.178-0.189-0.407-0.279-0.572c-0.021-0.041-0.045-0.079-0.067-0.117c0.118-0.029,0.289-0.082,0.31-0.009c0.024,0.088,0.165,0.279,0.19,0.419s0.165,0.089,0.178,0.216c0.014,0.128,0.14,0.433,0.19,0.47c0.052,0.038,0.28,0.242,0.318,0.318c0.038,0.076,0.089,0.178,0.127,0.369c0.038,0.19,0.076,0.444,0.179,0.482c0.102,0.038,0.444-0.064,0.508-0.102s0.482-0.242,0.635-0.255c0.153-0.012,0.179-0.115,0.368-0.152c0.191-0.038,0.331-0.177,0.458-0.28c0.127-0.101,0.28-0.355,0.33-0.444c0.052-0.088,0.179-0.152,0.115-0.253c-0.063-0.103-0.331-0.254-0.433-0.268c-0.102-0.012-0.089-0.178-0.152-0.178s-0.051,0.088-0.178,0.153c-0.127,0.063-0.255,0.19-0.344,0.165s0.026-0.089-0.113-0.203s-0.192-0.14-0.192-0.228c0-0.089-0.278-0.255-0.304-0.382c-0.026-0.127,0.19-0.305,0.254-0.19c0.063,0.114,0.115,0.292,0.279,0.368c0.165,0.076,0.318,0.204,0.395,0.229c0.076,0.025,0.267-0.14,0.33-0.114c0.063,0.024,0.191,0.253,0.306,0.292c0.113,0.038,0.495,0.051,0.559,0.051s0.33,0.013,0.381-0.063c0.051-0.076,0.089-0.076,0.153-0.076c0.062,0,0.177,0.229,0.267,0.254c0.089,0.025,0.254,0.013,0.241,0.179c-0.012,0.164,0.076,0.305,0.165,0.317c0.09,0.012,0.293-0.191,0.293-0.191s0,0.318-0.012,0.433c-0.014,0.113,0.139,0.534,0.139,0.534s0.19,0.393,0.241,0.482s0.267,0.355,0.267,0.47c0,0.115,0.025,0.293,0.103,0.293c0.076,0,0.152-0.203,0.24-0.331c0.091-0.126,0.116-0.305,0.153-0.432c0.038-0.127,0.038-0.356,0.038-0.444c0-0.09,0.075-0.166,0.255-0.242c0.178-0.076,0.304-0.292,0.456-0.407c0.153-0.115,0.141-0.305,0.446-0.305c0.305,0,0.278,0,0.355-0.077c0.076-0.076,0.151-0.127,0.19,0.013c0.038,0.14,0.254,0.343,0.292,0.394c0.038,0.052,0.114,0.191,0.103,0.344c-0.013,0.152,0.012,0.33,0.075,0.33s0.191-0.216,0.191-0.216s0.279-0.189,0.267,0.013c-0.014,0.203,0.025,0.419,0.025,0.545c0,0.053,0.042,0.135,0.088,0.21c-0.005,0.059-0.004,0.119-0.009,0.178C27.388,17.153,27.387,17.327,27.436,17.39zM20.382,12.064c0.076,0.05,0.102,0.127,0.152,0.203c0.052,0.076,0.14,0.05,0.203,0.114c0.063,0.064-0.178,0.14-0.075,0.216c0.101,0.077,0.151,0.381,0.165,0.458c0.013,0.076-0.279,0.114-0.369,0.102c-0.089-0.013-0.354-0.102-0.445-0.127c-0.089-0.026-0.139-0.343-0.025-0.331c0.116,0.013,0.141-0.025,0.267-0.139c0.128-0.115-0.189-0.166-0.278-0.191c-0.089-0.025-0.268-0.305-0.331-0.394c-0.062-0.089-0.014-0.228,0.141-0.331c0.076-0.051,0.279,0.063,0.381,0c0.101-0.063,0.203-0.14,0.241-0.165c0.039-0.025,0.293,0.038,0.33,0.114c0.039,0.076,0.191,0.191,0.141,0.229c-0.052,0.038-0.281,0.076-0.356,0c-0.075-0.077-0.255,0.012-0.268,0.152C20.242,12.115,20.307,12.013,20.382,12.064zM16.875,12.28c-0.077-0.025,0.025-0.178,0.102-0.229c0.075-0.051,0.164-0.178,0.241-0.305c0.076-0.127,0.178-0.14,0.241-0.127c0.063,0.013,0.203,0.241,0.241,0.318c0.038,0.076,0.165-0.026,0.217-0.051c0.05-0.025,0.127-0.102,0.14-0.165s0.127-0.102,0.254-0.102s0.013,0.102-0.076,0.127c-0.09,0.025-0.038,0.077,0.113,0.127c0.153,0.051,0.293,0.191,0.459,0.279c0.165,0.089,0.19,0.267,0.088,0.292c-0.101,0.025-0.406,0.051-0.521,0.038c-0.114-0.013-0.254-0.127-0.419-0.153c-0.165-0.025-0.369-0.013-0.433,0.077s-0.292,0.05-0.395,0.05c-0.102,0-0.228,0.127-0.253,0.077C16.875,12.534,16.951,12.306,16.875,12.28zM17.307,9.458c0.063-0.178,0.419,0.038,0.355,0.127C17.599,9.675,17.264,9.579,17.307,9.458zM17.802,18.584c0.063,0.102-0.14,0.431-0.254,0.407c-0.113-0.027-0.076-0.318-0.038-0.382C17.548,18.545,17.769,18.529,17.802,18.584zM13.189,12.674c0.025-0.051-0.039-0.153-0.127-0.013C13.032,12.71,13.164,12.725,13.189,12.674zM20.813,8.035c0.141,0.076,0.339,0.107,0.433,0.013c0.076-0.076,0.013-0.204-0.05-0.216c-0.064-0.013-0.104-0.115,0.062-0.203c0.165-0.089,0.343-0.204,0.534-0.229c0.19-0.025,0.622-0.038,0.774,0c0.152,0.039,0.382-0.166,0.445-0.254s-0.203-0.152-0.279-0.051c-0.077,0.102-0.444,0.076-0.521,0.051c-0.076-0.025-0.686,0.102-0.812,0.102c-0.128,0-0.179,0.152-0.356,0.229c-0.179,0.076-0.42,0.191-0.509,0.229c-0.088,0.038-0.177,0.19-0.101,0.216C20.509,7.947,20.674,7.959,20.813,8.035zM14.142,12.674c0.064-0.089-0.051-0.217-0.114-0.217c-0.12,0-0.178,0.191-0.103,0.254C14.002,12.776,14.078,12.763,14.142,12.674zM14.714,13.017c0.064,0.025,0.114,0.102,0.165,0.114c0.052,0.013,0.217,0,0.167-0.127s-0.167-0.127-0.204-0.127c-0.038,0-0.203-0.038-0.267,0C14.528,12.905,14.65,12.992,14.714,13.017zM11.308,10.958c0.101,0.013,0.217-0.063,0.305-0.101c0.088-0.038,0.216-0.114,0.216-0.229c0-0.114-0.025-0.216-0.077-0.267c-0.051-0.051-0.14-0.064-0.216-0.051c-0.115,0.02-0.127,0.14-0.203,0.14c-0.076,0-0.165,0.025-0.14,0.114s0.077,0.152,0,0.19C11.117,10.793,11.205,10.946,11.308,10.958zM11.931,10.412c0.127,0.051,0.394,0.102,0.292,0.153c-0.102,0.051-0.28,0.19-0.305,0.267s0.216,0.153,0.216,0.153s-0.077,0.089-0.013,0.114c0.063,0.025,0.102-0.089,0.203-0.089c0.101,0,0.304,0.063,0.406,0.063c0.103,0,0.267-0.14,0.254-0.229c-0.013-0.089-0.14-0.229-0.254-0.28c-0.113-0.051-0.241-0.28-0.317-0.331c-0.076-0.051,0.076-0.178-0.013-0.267c-0.09-0.089-0.153-0.076-0.255-0.14c-0.102-0.063-0.191,0.013-0.254,0.089c-0.063,0.076-0.14-0.013-0.217,0.012c-0.102,0.035-0.063,0.166-0.012,0.229C11.714,10.221,11.804,10.361,11.931,10.412zM24.729,17.198c-0.083,0.037-0.153,0.47,0,0.521c0.152,0.052,0.241-0.202,0.191-0.267C24.868,17.39,24.843,17.147,24.729,17.198zM20.114,20.464c-0.159-0.045-0.177,0.166-0.304,0.306c-0.128,0.141-0.267,0.254-0.317,0.241c-0.052-0.013-0.331,0.089-0.242,0.279c0.089,0.191,0.076,0.382-0.013,0.472c-0.089,0.088,0.076,0.342,0.052,0.482c-0.026,0.139,0.037,0.229,0.215,0.229s0.242-0.064,0.318-0.229c0.076-0.166,0.088-0.331,0.164-0.47c0.077-0.141,0.141-0.434,0.179-0.51c0.038-0.075,0.114-0.316,0.102-0.457C20.254,20.669,20.204,20.489,20.114,20.464zM10.391,8.802c-0.069-0.06-0.229-0.102-0.306-0.11c-0.076-0.008-0.152,0.06-0.321,0.06c-0.168,0-0.279,0.067-0.347,0C9.349,8.684,9.068,8.65,9.042,8.692C9.008,8.749,8.941,8.751,9.008,8.87c0.069,0.118,0.12,0.186,0.179,0.178s0.262-0.017,0.288,0.051C9.5,9.167,9.569,9.226,9.712,9.184c0.145-0.042,0.263-0.068,0.296-0.119c0.033-0.051,0.263-0.059,0.263-0.059S10.458,8.861,10.391,8.802z";
function handleGoHome() {
map.dataProvider = continentsDataProvider;
map.validateNow();
}
AmCharts.ready(function() {
map = new AmCharts.AmMap();
var worldDataProvider = {
mapVar: AmCharts.maps.worldLow,
getAreasFromMap:true
};
map.areasSettings = {
autoZoom: true,
rollOverOutlineColor: "#000000",
selectedColor: "#BBBB00",
color: "#BBBB00"
};
continentsDataProvider = {
mapVar: AmCharts.maps.continentsLow,
areas: [
{
id: "africa",
linkToObject: worldDataProvider,
color: "#723C1A",
passZoomValuesToTarget: true},
{
id: "asia",
linkToObject: worldDataProvider,
color: "#C8AB67",
passZoomValuesToTarget: true},
{
id: "australia",
linkToObject: worldDataProvider,
color: "#93644A",
passZoomValuesToTarget: true},
{
id: "europe",
linkToObject: worldDataProvider,
color: "#AA805A",
passZoomValuesToTarget: true},
{
id: "north_america",
linkToObject: worldDataProvider,
color: "#8D725F",
passZoomValuesToTarget: true},
{
id: "south_america",
linkToObject: worldDataProvider,
color: "#BE8045",
passZoomValuesToTarget: true}]
};
var backButton = {
svgPath: backIconSVG,
label: "Back to continents map",
rollOverColor: "#CC0000",
labelRollOverColor: "#CC0000",
useTargetsZoomValues: true,
linkToObject: continentsDataProvider,
left: 30,
bottom: 30,
labelFontSize: 15
};
worldDataProvider.images = [backButton];
map.dataProvider = continentsDataProvider;
// monitor when home icon was clicked and also go to continents map
map.addListener("homeButtonClicked", handleGoHome);
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> _JSON_changingProjections.html 0000644 00000010157 15167740746 0012445 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<link rel="stylesheet" href="style.css" type="text/css">
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47";
var map = AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
lines: [{
id: "line1",
arc: -0.85,
alpha: 0.3,
latitudes: [48.8567, 43.8163, 34.3, 23],
longitudes: [2.3510, -79.4287, -118.15, -82]
}],
images: [{
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "Toronto",
latitude: 43.8163,
longitude: -79.4287
}, {
svgPath: targetSVG,
title: "Los Angeles",
latitude: 34.3,
longitude: -118.15
}, {
svgPath: targetSVG,
title: "Havana",
latitude: 23,
longitude: -82
},{
svgPath: planeSVG,
positionOnLine: 0,
color: "#585869",
animateAlongLine: true,
lineId: "line1",
flipDirection: true,
loop: true,
scale: 0.03,
positionScale: 1.8
}]
},
areasSettings: {
unlistedAreasColor: "#8dd9ef"
},
imagesSettings: {
color: "#585869",
rollOverColor: "#585869",
selectedColor: "#585869",
pauseDuration: 0.2,
animationDuration: 2.5,
adjustAnimationSpeed: true
},
linesSettings: {
color: "#585869",
alpha: 0.4
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#d5eff7; height: 500px;"></div>
<br>
<div style="text-align:center; font-size:10px">
<a href="#" onclick="map.setProjection('winkel3')">Winkel 3</a> |
<a href="#" onclick="map.setProjection('eckert3')">Eckert 3</a> |
<a href="#" onclick="map.setProjection('eckert5')">Eckert 5</a> |
<a href="#" onclick="map.setProjection('eckert6')">Eckert 6</a> |
<a href="#" onclick="map.setProjection('miller')">Miller</a> |
<a href="#" onclick="map.setProjection('equirectangular')">Equirectangular</a> |
<a href="#" onclick="map.setProjection('mercator')">Mercator</a>
</div>
</body>
</html> zoomingToCountries.html 0000644 00000004534 15167740746 0011342 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/themes/black.js" type="text/javascript"></script>
<script>
AmCharts.theme = AmCharts.themes.black;
// add all your code to this method, as this will ensure that page is loaded
AmCharts.ready(function() {
// create AmMap object
var map = new AmCharts.AmMap();
// set path to images
/* create data provider object
mapVar tells the map name of the variable of the map data. You have to
view source of the map file you included in order to find the name of the
variable - it's the very first line after commented lines.
getAreasFromMap indicates that amMap should read all the areas available
in the map data and treat them as they are included in your data provider.
in case you don't set it to true, all the areas except listed in data
provider will be treated as unlisted.
*/
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
getAreasFromMap:true
};
// pass data provider to the map object
map.dataProvider = dataProvider;
/* create areas settings
* autoZoom set to true means that the map will zoom-in when clicked on the area
* selectedColor indicates color of the clicked area.
*/
map.areasSettings = {
autoZoom: true,
rollOverBrightness:10,
selectedBrightness:20
};
// let's say we want a small map to be displayed, so let's create and add it to the map
map.smallMap = new AmCharts.SmallMap();
// write the map to container div
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#222222; height: 500px;"></div>
</body>
</html> _JSON_mapWithPatterns.html 0000644 00000006045 15167740746 0011602 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
<script>
var map = AmCharts.makeChart("mapdiv", {
type: "map",
handDrawn: true,
dragMap: false,
color: "#FFFFFF",
projection:"winkel3",
areasSettings: {
autoZoom: false,
rollOverOutlineColor: "#FFFFFF",
selectedColor: "#FFFFFF",
rollOverColor: "#FFFFFF",
outlineAlpha: 1,
outlineColor: "#FFFFFF",
outlineThickness: 1,
color: "#000000"
},
dataProvider: {
map: "continentsLow",
areas: [{
"id": "africa",
"title": "Africa",
"pattern": {
"url": "patterns/white/pattern1.png",
width: 4,
height: 4
}
}, {
"id": "asia",
"title": "Asia",
"pattern": {
"url": "patterns/white/pattern2.png",
width: 4,
height: 4
}
}, {
"id": "australia",
"title": "Australia",
"pattern": {
"url": "patterns/white/pattern3.png",
width: 4,
height: 4
}
}, {
"id": "europe",
"title": "Europe",
"pattern": {
"url": "patterns/white/pattern4.png",
width: 4,
height: 4
}
}, {
"id": "north_america",
"title": "North America",
"pattern": {
"url": "patterns/white/pattern5.png",
width: 4,
height: 4
}
}, {
"id": "south_america",
"title": "South America",
"pattern": {
"url": "patterns/white/pattern6.png",
width: 4,
height: 4
}
}]
},
zoomControl: {
panControlEnabled: false,
zoomControlEnabled: false
}
});
</script>
</head>
<body style="background-image: url('images/board.jpg'); background-color:#000000;">
<div id="mapdiv" style="width: 100%; height: 500px;"></div>
<div style="text-align:center; font-size:10px">
<a href="#" onclick="map.setProjection('winkel3')">Winkel 3</a> |
<a href="#" onclick="map.setProjection('eckert3')">Eckert 3</a> |
<a href="#" onclick="map.setProjection('eckert5')">Eckert 5</a> |
<a href="#" onclick="map.setProjection('eckert6')">Eckert 6</a> |
<a href="#" onclick="map.setProjection('miller')">Miller</a> |
<a href="#" onclick="map.setProjection('equirectangular')">Equirectangular</a> |
<a href="#" onclick="map.setProjection('mercator')">Mercator</a>
</div>
</body>
</html> _JSON_heatMap.html 0000644 00000007077 15167740746 0010035 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/usaLow.js" type="text/javascript"></script>
<script>
AmCharts.makeChart("mapdiv", {
type: "map",
colorSteps: 10,
dataProvider: {
map: "usaLow",
areas: [{
id: "US-AL",
value: 4447100
}, {
id: "US-AK",
value: 626932
}, {
id: "US-AZ",
value: 5130632
}, {
id: "US-AR",
value: 2673400
}, {
id: "US-CA",
value: 33871648
}, {
id: "US-CO",
value: 4301261
}, {
id: "US-CT",
value: 3405565
}, {
id: "US-DE",
value: 783600
}, {
id: "US-FL",
value: 15982378
}, {
id: "US-GA",
value: 8186453
}, {
id: "US-HI",
value: 1211537
}, {
id: "US-ID",
value: 1293953
}, {
id: "US-IL",
value: 12419293
}, {
id: "US-IN",
value: 6080485
}, {
id: "US-IA",
value: 2926324
}, {
id: "US-KS",
value: 2688418
}, {
id: "US-KY",
value: 4041769
}, {
id: "US-LA",
value: 4468976
}, {
id: "US-ME",
value: 1274923
}, {
id: "US-MD",
value: 5296486
}, {
id: "US-MA",
value: 6349097
}, {
id: "US-MI",
value: 9938444
}, {
id: "US-MN",
value: 4919479
}, {
id: "US-MS",
value: 2844658
}, {
id: "US-MO",
value: 5595211
}, {
id: "US-MT",
value: 902195
}, {
id: "US-NE",
value: 1711263
}, {
id: "US-NV",
value: 1998257
}, {
id: "US-NH",
value: 1235786
}, {
id: "US-NJ",
value: 8414350
}, {
id: "US-NM",
value: 1819046
}, {
id: "US-NY",
value: 18976457
}, {
id: "US-NC",
value: 8049313
}, {
id: "US-ND",
value: 642200
}, {
id: "US-OH",
value: 11353140
}, {
id: "US-OK",
value: 3450654
}, {
id: "US-OR",
value: 3421399
}, {
id: "US-PA",
value: 12281054
}, {
id: "US-RI",
value: 1048319
}, {
id: "US-SC",
value: 4012012
}, {
id: "US-SD",
value: 754844
}, {
id: "US-TN",
value: 5689283
}, {
id: "US-TX",
value: 20851820
}, {
id: "US-UT",
value: 2233169
}, {
id: "US-VT",
value: 608827
}, {
id: "US-VA",
value: 7078515
}, {
id: "US-WA",
value: 5894121
}, {
id: "US-WV",
value: 1808344
}, {
id: "US-WI",
value: 5363675
}, {
id: "US-WY",
value: 493782
}]
},
areasSettings: {
autoZoom: true
},
valueLegend: {
right: 10,
minValue: "little",
maxValue: "a lot!"
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> _JSON_developerMode.html 0000644 00000003605 15167740746 0011241 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var icon = "M21.25,8.375V28h6.5V8.375H21.25zM12.25,28h6.5V4.125h-6.5V28zM3.25,28h6.5V12.625h-6.5V28z";
var map = AmCharts.makeChart("mapdiv", {
type: "map",
balloon: {
color: "#000000"
},
dataProvider: {
map: "worldLow",
images: [{
latitude: 40.3951,
longitude: -73.5619,
svgPath: icon,
color: "#CC0000",
scale: 0.5,
label: "New York",
labelShiftY: 2,
zoomLevel: 5,
title: "New York",
description: "New York is the most populous city in the United States and the center of the New York Metropolitan Area, one of the most populous metropolitan areas in the world."
}]
},
smallMap: {},
developerMode: true
});
map.addListener("writeDevInfo", writeDevInfo);
function writeDevInfo(event) {
document.getElementById("devInfo").innerHTML = event.str;
}
</script>
</head>
<body>
<p class="ammapAlert">Shift + left mouse click to get dev info of desired zoom info, longitude/latitude, left/right/top/bottom coordinates</p>
<br>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
<br>
<textarea id="devInfo" style="width:795px; height:150px;"></textarea>
</body>
</html> _JSON_singleCountryMap.html 0000644 00000002102 15167740746 0011741 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- check ammap/maps/js/ folder to see all available countries -->
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/japanLow.js" type="text/javascript"></script>
<script>
var map = AmCharts.makeChart("mapdiv", {
type: "map",
balloon: {
color: "#000000"
},
dataProvider: {
map: "japanLow",
getAreasFromMap: true
},
areasSettings: {
autoZoom: true,
selectedColor: "#CC0000"
},
smallMap: {}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html> mapWithBubbles.html 0000644 00000113446 15167740746 0010374 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/themes/black.js" type="text/javascript"></script>
<script>
/*
although ammap has methos like getAreaCenterLatitude and getAreaCenterLongitude,
they are not suitable in quite a lot of cases as the center of some countries
is even outside the country itself (like US, because of Alaska and Hawaii)
That's why wehave the coordinates stored here
*/
var latlong = {};
latlong["AD"] = {
"latitude": 42.5,
"longitude": 1.5
};
latlong["AE"] = {
"latitude": 24,
"longitude": 54
};
latlong["AF"] = {
"latitude": 33,
"longitude": 65
};
latlong["AG"] = {
"latitude": 17.05,
"longitude": -61.8
};
latlong["AI"] = {
"latitude": 18.25,
"longitude": -63.1667
};
latlong["AL"] = {
"latitude": 41,
"longitude": 20
};
latlong["AM"] = {
"latitude": 40,
"longitude": 45
};
latlong["AN"] = {
"latitude": 12.25,
"longitude": -68.75
};
latlong["AO"] = {
"latitude": -12.5,
"longitude": 18.5
};
latlong["AP"] = {
"latitude": 35,
"longitude": 105
};
latlong["AQ"] = {
"latitude": -90,
"longitude": 0
};
latlong["AR"] = {
"latitude": -34,
"longitude": -64
};
latlong["AS"] = {
"latitude": -14.3333,
"longitude": -170
};
latlong["AT"] = {
"latitude": 47.3333,
"longitude": 13.3333
};
latlong["AU"] = {
"latitude": -27,
"longitude": 133
};
latlong["AW"] = {
"latitude": 12.5,
"longitude": -69.9667
};
latlong["AZ"] = {
"latitude": 40.5,
"longitude": 47.5
};
latlong["BA"] = {
"latitude": 44,
"longitude": 18
};
latlong["BB"] = {
"latitude": 13.1667,
"longitude": -59.5333
};
latlong["BD"] = {
"latitude": 24,
"longitude": 90
};
latlong["BE"] = {
"latitude": 50.8333,
"longitude": 4
};
latlong["BF"] = {
"latitude": 13,
"longitude": -2
};
latlong["BG"] = {
"latitude": 43,
"longitude": 25
};
latlong["BH"] = {
"latitude": 26,
"longitude": 50.55
};
latlong["BI"] = {
"latitude": -3.5,
"longitude": 30
};
latlong["BJ"] = {
"latitude": 9.5,
"longitude": 2.25
};
latlong["BM"] = {
"latitude": 32.3333,
"longitude": -64.75
};
latlong["BN"] = {
"latitude": 4.5,
"longitude": 114.6667
};
latlong["BO"] = {
"latitude": -17,
"longitude": -65
};
latlong["BR"] = {
"latitude": -10,
"longitude": -55
};
latlong["BS"] = {
"latitude": 24.25,
"longitude": -76
};
latlong["BT"] = {
"latitude": 27.5,
"longitude": 90.5
};
latlong["BV"] = {
"latitude": -54.4333,
"longitude": 3.4
};
latlong["BW"] = {
"latitude": -22,
"longitude": 24
};
latlong["BY"] = {
"latitude": 53,
"longitude": 28
};
latlong["BZ"] = {
"latitude": 17.25,
"longitude": -88.75
};
latlong["CA"] = {
"latitude": 54,
"longitude": -100
};
latlong["CC"] = {
"latitude": -12.5,
"longitude": 96.8333
};
latlong["CD"] = {
"latitude": 0,
"longitude": 25
};
latlong["CF"] = {
"latitude": 7,
"longitude": 21
};
latlong["CG"] = {
"latitude": -1,
"longitude": 15
};
latlong["CH"] = {
"latitude": 47,
"longitude": 8
};
latlong["CI"] = {
"latitude": 8,
"longitude": -5
};
latlong["CK"] = {
"latitude": -21.2333,
"longitude": -159.7667
};
latlong["CL"] = {
"latitude": -30,
"longitude": -71
};
latlong["CM"] = {
"latitude": 6,
"longitude": 12
};
latlong["CN"] = {
"latitude": 35,
"longitude": 105
};
latlong["CO"] = {
"latitude": 4,
"longitude": -72
};
latlong["CR"] = {
"latitude": 10,
"longitude": -84
};
latlong["CU"] = {
"latitude": 21.5,
"longitude": -80
};
latlong["CV"] = {
"latitude": 16,
"longitude": -24
};
latlong["CX"] = {
"latitude": -10.5,
"longitude": 105.6667
};
latlong["CY"] = {
"latitude": 35,
"longitude": 33
};
latlong["CZ"] = {
"latitude": 49.75,
"longitude": 15.5
};
latlong["DE"] = {
"latitude": 51,
"longitude": 9
};
latlong["DJ"] = {
"latitude": 11.5,
"longitude": 43
};
latlong["DK"] = {
"latitude": 56,
"longitude": 10
};
latlong["DM"] = {
"latitude": 15.4167,
"longitude": -61.3333
};
latlong["DO"] = {
"latitude": 19,
"longitude": -70.6667
};
latlong["DZ"] = {
"latitude": 28,
"longitude": 3
};
latlong["EC"] = {
"latitude": -2,
"longitude": -77.5
};
latlong["EE"] = {
"latitude": 59,
"longitude": 26
};
latlong["EG"] = {
"latitude": 27,
"longitude": 30
};
latlong["EH"] = {
"latitude": 24.5,
"longitude": -13
};
latlong["ER"] = {
"latitude": 15,
"longitude": 39
};
latlong["ES"] = {
"latitude": 40,
"longitude": -4
};
latlong["ET"] = {
"latitude": 8,
"longitude": 38
};
latlong["EU"] = {
"latitude": 47,
"longitude": 8
};
latlong["FI"] = {
"latitude": 62,
"longitude": 26
};
latlong["FJ"] = {
"latitude": -18,
"longitude": 175
};
latlong["FK"] = {
"latitude": -51.75,
"longitude": -59
};
latlong["FM"] = {
"latitude": 6.9167,
"longitude": 158.25
};
latlong["FO"] = {
"latitude": 62,
"longitude": -7
};
latlong["FR"] = {
"latitude": 46,
"longitude": 2
};
latlong["GA"] = {
"latitude": -1,
"longitude": 11.75
};
latlong["GB"] = {
"latitude": 54,
"longitude": -2
};
latlong["GD"] = {
"latitude": 12.1167,
"longitude": -61.6667
};
latlong["GE"] = {
"latitude": 42,
"longitude": 43.5
};
latlong["GF"] = {
"latitude": 4,
"longitude": -53
};
latlong["GH"] = {
"latitude": 8,
"longitude": -2
};
latlong["GI"] = {
"latitude": 36.1833,
"longitude": -5.3667
};
latlong["GL"] = {
"latitude": 72,
"longitude": -40
};
latlong["GM"] = {
"latitude": 13.4667,
"longitude": -16.5667
};
latlong["GN"] = {
"latitude": 11,
"longitude": -10
};
latlong["GP"] = {
"latitude": 16.25,
"longitude": -61.5833
};
latlong["GQ"] = {
"latitude": 2,
"longitude": 10
};
latlong["GR"] = {
"latitude": 39,
"longitude": 22
};
latlong["GS"] = {
"latitude": -54.5,
"longitude": -37
};
latlong["GT"] = {
"latitude": 15.5,
"longitude": -90.25
};
latlong["GU"] = {
"latitude": 13.4667,
"longitude": 144.7833
};
latlong["GW"] = {
"latitude": 12,
"longitude": -15
};
latlong["GY"] = {
"latitude": 5,
"longitude": -59
};
latlong["HK"] = {
"latitude": 22.25,
"longitude": 114.1667
};
latlong["HM"] = {
"latitude": -53.1,
"longitude": 72.5167
};
latlong["HN"] = {
"latitude": 15,
"longitude": -86.5
};
latlong["HR"] = {
"latitude": 45.1667,
"longitude": 15.5
};
latlong["HT"] = {
"latitude": 19,
"longitude": -72.4167
};
latlong["HU"] = {
"latitude": 47,
"longitude": 20
};
latlong["ID"] = {
"latitude": -5,
"longitude": 120
};
latlong["IE"] = {
"latitude": 53,
"longitude": -8
};
latlong["IL"] = {
"latitude": 31.5,
"longitude": 34.75
};
latlong["IN"] = {
"latitude": 20,
"longitude": 77
};
latlong["IO"] = {
"latitude": -6,
"longitude": 71.5
};
latlong["IQ"] = {
"latitude": 33,
"longitude": 44
};
latlong["IR"] = {
"latitude": 32,
"longitude": 53
};
latlong["IS"] = {
"latitude": 65,
"longitude": -18
};
latlong["IT"] = {
"latitude": 42.8333,
"longitude": 12.8333
};
latlong["JM"] = {
"latitude": 18.25,
"longitude": -77.5
};
latlong["JO"] = {
"latitude": 31,
"longitude": 36
};
latlong["JP"] = {
"latitude": 36,
"longitude": 138
};
latlong["KE"] = {
"latitude": 1,
"longitude": 38
};
latlong["KG"] = {
"latitude": 41,
"longitude": 75
};
latlong["KH"] = {
"latitude": 13,
"longitude": 105
};
latlong["KI"] = {
"latitude": 1.4167,
"longitude": 173
};
latlong["KM"] = {
"latitude": -12.1667,
"longitude": 44.25
};
latlong["KN"] = {
"latitude": 17.3333,
"longitude": -62.75
};
latlong["KP"] = {
"latitude": 40,
"longitude": 127
};
latlong["KR"] = {
"latitude": 37,
"longitude": 127.5
};
latlong["KW"] = {
"latitude": 29.3375,
"longitude": 47.6581
};
latlong["KY"] = {
"latitude": 19.5,
"longitude": -80.5
};
latlong["KZ"] = {
"latitude": 48,
"longitude": 68
};
latlong["LA"] = {
"latitude": 18,
"longitude": 105
};
latlong["LB"] = {
"latitude": 33.8333,
"longitude": 35.8333
};
latlong["LC"] = {
"latitude": 13.8833,
"longitude": -61.1333
};
latlong["LI"] = {
"latitude": 47.1667,
"longitude": 9.5333
};
latlong["LK"] = {
"latitude": 7,
"longitude": 81
};
latlong["LR"] = {
"latitude": 6.5,
"longitude": -9.5
};
latlong["LS"] = {
"latitude": -29.5,
"longitude": 28.5
};
latlong["LT"] = {
"latitude": 55,
"longitude": 24
};
latlong["LU"] = {
"latitude": 49.75,
"longitude": 6
};
latlong["LV"] = {
"latitude": 57,
"longitude": 25
};
latlong["LY"] = {
"latitude": 25,
"longitude": 17
};
latlong["MA"] = {
"latitude": 32,
"longitude": -5
};
latlong["MC"] = {
"latitude": 43.7333,
"longitude": 7.4
};
latlong["MD"] = {
"latitude": 47,
"longitude": 29
};
latlong["ME"] = {
"latitude": 42.5,
"longitude": 19.4
};
latlong["MG"] = {
"latitude": -20,
"longitude": 47
};
latlong["MH"] = {
"latitude": 9,
"longitude": 168
};
latlong["MK"] = {
"latitude": 41.8333,
"longitude": 22
};
latlong["ML"] = {
"latitude": 17,
"longitude": -4
};
latlong["MM"] = {
"latitude": 22,
"longitude": 98
};
latlong["MN"] = {
"latitude": 46,
"longitude": 105
};
latlong["MO"] = {
"latitude": 22.1667,
"longitude": 113.55
};
latlong["MP"] = {
"latitude": 15.2,
"longitude": 145.75
};
latlong["MQ"] = {
"latitude": 14.6667,
"longitude": -61
};
latlong["MR"] = {
"latitude": 20,
"longitude": -12
};
latlong["MS"] = {
"latitude": 16.75,
"longitude": -62.2
};
latlong["MT"] = {
"latitude": 35.8333,
"longitude": 14.5833
};
latlong["MU"] = {
"latitude": -20.2833,
"longitude": 57.55
};
latlong["MV"] = {
"latitude": 3.25,
"longitude": 73
};
latlong["MW"] = {
"latitude": -13.5,
"longitude": 34
};
latlong["MX"] = {
"latitude": 23,
"longitude": -102
};
latlong["MY"] = {
"latitude": 2.5,
"longitude": 112.5
};
latlong["MZ"] = {
"latitude": -18.25,
"longitude": 35
};
latlong["NA"] = {
"latitude": -22,
"longitude": 17
};
latlong["NC"] = {
"latitude": -21.5,
"longitude": 165.5
};
latlong["NE"] = {
"latitude": 16,
"longitude": 8
};
latlong["NF"] = {
"latitude": -29.0333,
"longitude": 167.95
};
latlong["NG"] = {
"latitude": 10,
"longitude": 8
};
latlong["NI"] = {
"latitude": 13,
"longitude": -85
};
latlong["NL"] = {
"latitude": 52.5,
"longitude": 5.75
};
latlong["NO"] = {
"latitude": 62,
"longitude": 10
};
latlong["NP"] = {
"latitude": 28,
"longitude": 84
};
latlong["NR"] = {
"latitude": -0.5333,
"longitude": 166.9167
};
latlong["NU"] = {
"latitude": -19.0333,
"longitude": -169.8667
};
latlong["NZ"] = {
"latitude": -41,
"longitude": 174
};
latlong["OM"] = {
"latitude": 21,
"longitude": 57
};
latlong["PA"] = {
"latitude": 9,
"longitude": -80
};
latlong["PE"] = {
"latitude": -10,
"longitude": -76
};
latlong["PF"] = {
"latitude": -15,
"longitude": -140
};
latlong["PG"] = {
"latitude": -6,
"longitude": 147
};
latlong["PH"] = {
"latitude": 13,
"longitude": 122
};
latlong["PK"] = {
"latitude": 30,
"longitude": 70
};
latlong["PL"] = {
"latitude": 52,
"longitude": 20
};
latlong["PM"] = {
"latitude": 46.8333,
"longitude": -56.3333
};
latlong["PR"] = {
"latitude": 18.25,
"longitude": -66.5
};
latlong["PS"] = {
"latitude": 32,
"longitude": 35.25
};
latlong["PT"] = {
"latitude": 39.5,
"longitude": -8
};
latlong["PW"] = {
"latitude": 7.5,
"longitude": 134.5
};
latlong["PY"] = {
"latitude": -23,
"longitude": -58
};
latlong["QA"] = {
"latitude": 25.5,
"longitude": 51.25
};
latlong["RE"] = {
"latitude": -21.1,
"longitude": 55.6
};
latlong["RO"] = {
"latitude": 46,
"longitude": 25
};
latlong["RS"] = {
"latitude": 44,
"longitude": 21
};
latlong["RU"] = {
"latitude": 60,
"longitude": 100
};
latlong["RW"] = {
"latitude": -2,
"longitude": 30
};
latlong["SA"] = {
"latitude": 25,
"longitude": 45
};
latlong["SB"] = {
"latitude": -8,
"longitude": 159
};
latlong["SC"] = {
"latitude": -4.5833,
"longitude": 55.6667
};
latlong["SD"] = {
"latitude": 15,
"longitude": 30
};
latlong["SE"] = {
"latitude": 62,
"longitude": 15
};
latlong["SG"] = {
"latitude": 1.3667,
"longitude": 103.8
};
latlong["SH"] = {
"latitude": -15.9333,
"longitude": -5.7
};
latlong["SI"] = {
"latitude": 46,
"longitude": 15
};
latlong["SJ"] = {
"latitude": 78,
"longitude": 20
};
latlong["SK"] = {
"latitude": 48.6667,
"longitude": 19.5
};
latlong["SL"] = {
"latitude": 8.5,
"longitude": -11.5
};
latlong["SM"] = {
"latitude": 43.7667,
"longitude": 12.4167
};
latlong["SN"] = {
"latitude": 14,
"longitude": -14
};
latlong["SO"] = {
"latitude": 10,
"longitude": 49
};
latlong["SR"] = {
"latitude": 4,
"longitude": -56
};
latlong["ST"] = {
"latitude": 1,
"longitude": 7
};
latlong["SV"] = {
"latitude": 13.8333,
"longitude": -88.9167
};
latlong["SY"] = {
"latitude": 35,
"longitude": 38
};
latlong["SZ"] = {
"latitude": -26.5,
"longitude": 31.5
};
latlong["TC"] = {
"latitude": 21.75,
"longitude": -71.5833
};
latlong["TD"] = {
"latitude": 15,
"longitude": 19
};
latlong["TF"] = {
"latitude": -43,
"longitude": 67
};
latlong["TG"] = {
"latitude": 8,
"longitude": 1.1667
};
latlong["TH"] = {
"latitude": 15,
"longitude": 100
};
latlong["TJ"] = {
"latitude": 39,
"longitude": 71
};
latlong["TK"] = {
"latitude": -9,
"longitude": -172
};
latlong["TM"] = {
"latitude": 40,
"longitude": 60
};
latlong["TN"] = {
"latitude": 34,
"longitude": 9
};
latlong["TO"] = {
"latitude": -20,
"longitude": -175
};
latlong["TR"] = {
"latitude": 39,
"longitude": 35
};
latlong["TT"] = {
"latitude": 11,
"longitude": -61
};
latlong["TV"] = {
"latitude": -8,
"longitude": 178
};
latlong["TW"] = {
"latitude": 23.5,
"longitude": 121
};
latlong["TZ"] = {
"latitude": -6,
"longitude": 35
};
latlong["UA"] = {
"latitude": 49,
"longitude": 32
};
latlong["UG"] = {
"latitude": 1,
"longitude": 32
};
latlong["UM"] = {
"latitude": 19.2833,
"longitude": 166.6
};
latlong["US"] = {
"latitude": 38,
"longitude": -97
};
latlong["UY"] = {
"latitude": -33,
"longitude": -56
};
latlong["UZ"] = {
"latitude": 41,
"longitude": 64
};
latlong["VA"] = {
"latitude": 41.9,
"longitude": 12.45
};
latlong["VC"] = {
"latitude": 13.25,
"longitude": -61.2
};
latlong["VE"] = {
"latitude": 8,
"longitude": -66
};
latlong["VG"] = {
"latitude": 18.5,
"longitude": -64.5
};
latlong["VI"] = {
"latitude": 18.3333,
"longitude": -64.8333
};
latlong["VN"] = {
"latitude": 16,
"longitude": 106
};
latlong["VU"] = {
"latitude": -16,
"longitude": 167
};
latlong["WF"] = {
"latitude": -13.3,
"longitude": -176.2
};
latlong["WS"] = {
"latitude": -13.5833,
"longitude": -172.3333
};
latlong["YE"] = {
"latitude": 15,
"longitude": 48
};
latlong["YT"] = {
"latitude": -12.8333,
"longitude": 45.1667
};
latlong["ZA"] = {
"latitude": -29,
"longitude": 24
};
latlong["ZM"] = {
"latitude": -15,
"longitude": 30
};
latlong["ZW"] = {
"latitude": -20,
"longitude": 30
};
var mapData = [{
"code": "AF",
"name": "Afghanistan",
"value": 32358260,
"color": "#eea638"
}, {
"code": "AL",
"name": "Albania",
"value": 3215988,
"color": "#d8854f"
}, {
"code": "DZ",
"name": "Algeria",
"value": 35980193,
"color": "#de4c4f"
}, {
"code": "AO",
"name": "Angola",
"value": 19618432,
"color": "#de4c4f"
}, {
"code": "AR",
"name": "Argentina",
"value": 40764561,
"color": "#86a965"
}, {
"code": "AM",
"name": "Armenia",
"value": 3100236,
"color": "#d8854f"
}, {
"code": "AU",
"name": "Australia",
"value": 22605732,
"color": "#8aabb0"
}, {
"code": "AT",
"name": "Austria",
"value": 8413429,
"color": "#d8854f"
}, {
"code": "AZ",
"name": "Azerbaijan",
"value": 9306023,
"color": "#d8854f"
}, {
"code": "BH",
"name": "Bahrain",
"value": 1323535,
"color": "#eea638"
}, {
"code": "BD",
"name": "Bangladesh",
"value": 150493658,
"color": "#eea638"
}, {
"code": "BY",
"name": "Belarus",
"value": 9559441,
"color": "#d8854f"
}, {
"code": "BE",
"name": "Belgium",
"value": 10754056,
"color": "#d8854f"
}, {
"code": "BJ",
"name": "Benin",
"value": 9099922,
"color": "#de4c4f"
}, {
"code": "BT",
"name": "Bhutan",
"value": 738267,
"color": "#eea638"
}, {
"code": "BO",
"name": "Bolivia",
"value": 10088108,
"color": "#86a965"
}, {
"code": "BA",
"name": "Bosnia and Herzegovina",
"value": 3752228,
"color": "#d8854f"
}, {
"code": "BW",
"name": "Botswana",
"value": 2030738,
"color": "#de4c4f"
}, {
"code": "BR",
"name": "Brazil",
"value": 196655014,
"color": "#86a965"
}, {
"code": "BN",
"name": "Brunei",
"value": 405938,
"color": "#eea638"
}, {
"code": "BG",
"name": "Bulgaria",
"value": 7446135,
"color": "#d8854f"
}, {
"code": "BF",
"name": "Burkina Faso",
"value": 16967845,
"color": "#de4c4f"
}, {
"code": "BI",
"name": "Burundi",
"value": 8575172,
"color": "#de4c4f"
}, {
"code": "KH",
"name": "Cambodia",
"value": 14305183,
"color": "#eea638"
}, {
"code": "CM",
"name": "Cameroon",
"value": 20030362,
"color": "#de4c4f"
}, {
"code": "CA",
"name": "Canada",
"value": 34349561,
"color": "#a7a737"
}, {
"code": "CV",
"name": "Cape Verde",
"value": 500585,
"color": "#de4c4f"
}, {
"code": "CF",
"name": "Central African Rep.",
"value": 4486837,
"color": "#de4c4f"
}, {
"code": "TD",
"name": "Chad",
"value": 11525496,
"color": "#de4c4f"
}, {
"code": "CL",
"name": "Chile",
"value": 17269525,
"color": "#86a965"
}, {
"code": "CN",
"name": "China",
"value": 1347565324,
"color": "#eea638"
}, {
"code": "CO",
"name": "Colombia",
"value": 46927125,
"color": "#86a965"
}, {
"code": "KM",
"name": "Comoros",
"value": 753943,
"color": "#de4c4f"
}, {
"code": "CD",
"name": "Congo, Dem. Rep.",
"value": 67757577,
"color": "#de4c4f"
}, {
"code": "CG",
"name": "Congo, Rep.",
"value": 4139748,
"color": "#de4c4f"
}, {
"code": "CR",
"name": "Costa Rica",
"value": 4726575,
"color": "#a7a737"
}, {
"code": "CI",
"name": "Cote d'Ivoire",
"value": 20152894,
"color": "#de4c4f"
}, {
"code": "HR",
"name": "Croatia",
"value": 4395560,
"color": "#d8854f"
}, {
"code": "CU",
"name": "Cuba",
"value": 11253665,
"color": "#a7a737"
}, {
"code": "CY",
"name": "Cyprus",
"value": 1116564,
"color": "#d8854f"
}, {
"code": "CZ",
"name": "Czech Rep.",
"value": 10534293,
"color": "#d8854f"
}, {
"code": "DK",
"name": "Denmark",
"value": 5572594,
"color": "#d8854f"
}, {
"code": "DJ",
"name": "Djibouti",
"value": 905564,
"color": "#de4c4f"
}, {
"code": "DO",
"name": "Dominican Rep.",
"value": 10056181,
"color": "#a7a737"
}, {
"code": "EC",
"name": "Ecuador",
"value": 14666055,
"color": "#86a965"
}, {
"code": "EG",
"name": "Egypt",
"value": 82536770,
"color": "#de4c4f"
}, {
"code": "SV",
"name": "El Salvador",
"value": 6227491,
"color": "#a7a737"
}, {
"code": "GQ",
"name": "Equatorial Guinea",
"value": 720213,
"color": "#de4c4f"
}, {
"code": "ER",
"name": "Eritrea",
"value": 5415280,
"color": "#de4c4f"
}, {
"code": "EE",
"name": "Estonia",
"value": 1340537,
"color": "#d8854f"
}, {
"code": "ET",
"name": "Ethiopia",
"value": 84734262,
"color": "#de4c4f"
}, {
"code": "FJ",
"name": "Fiji",
"value": 868406,
"color": "#8aabb0"
}, {
"code": "FI",
"name": "Finland",
"value": 5384770,
"color": "#d8854f"
}, {
"code": "FR",
"name": "France",
"value": 63125894,
"color": "#d8854f"
}, {
"code": "GA",
"name": "Gabon",
"value": 1534262,
"color": "#de4c4f"
}, {
"code": "GM",
"name": "Gambia",
"value": 1776103,
"color": "#de4c4f"
}, {
"code": "GE",
"name": "Georgia",
"value": 4329026,
"color": "#d8854f"
}, {
"code": "DE",
"name": "Germany",
"value": 82162512,
"color": "#d8854f"
}, {
"code": "GH",
"name": "Ghana",
"value": 24965816,
"color": "#de4c4f"
}, {
"code": "GR",
"name": "Greece",
"value": 11390031,
"color": "#d8854f"
}, {
"code": "GT",
"name": "Guatemala",
"value": 14757316,
"color": "#a7a737"
}, {
"code": "GN",
"name": "Guinea",
"value": 10221808,
"color": "#de4c4f"
}, {
"code": "GW",
"name": "Guinea-Bissau",
"value": 1547061,
"color": "#de4c4f"
}, {
"code": "GY",
"name": "Guyana",
"value": 756040,
"color": "#86a965"
}, {
"code": "HT",
"name": "Haiti",
"value": 10123787,
"color": "#a7a737"
}, {
"code": "HN",
"name": "Honduras",
"value": 7754687,
"color": "#a7a737"
}, {
"code": "HK",
"name": "Hong Kong, China",
"value": 7122187,
"color": "#eea638"
}, {
"code": "HU",
"name": "Hungary",
"value": 9966116,
"color": "#d8854f"
}, {
"code": "IS",
"name": "Iceland",
"value": 324366,
"color": "#d8854f"
}, {
"code": "IN",
"name": "India",
"value": 1241491960,
"color": "#eea638"
}, {
"code": "ID",
"name": "Indonesia",
"value": 242325638,
"color": "#eea638"
}, {
"code": "IR",
"name": "Iran",
"value": 74798599,
"color": "#eea638"
}, {
"code": "IQ",
"name": "Iraq",
"value": 32664942,
"color": "#eea638"
}, {
"code": "IE",
"name": "Ireland",
"value": 4525802,
"color": "#d8854f"
}, {
"code": "IL",
"name": "Israel",
"value": 7562194,
"color": "#eea638"
}, {
"code": "IT",
"name": "Italy",
"value": 60788694,
"color": "#d8854f"
}, {
"code": "JM",
"name": "Jamaica",
"value": 2751273,
"color": "#a7a737"
}, {
"code": "JP",
"name": "Japan",
"value": 126497241,
"color": "#eea638"
}, {
"code": "JO",
"name": "Jordan",
"value": 6330169,
"color": "#eea638"
}, {
"code": "KZ",
"name": "Kazakhstan",
"value": 16206750,
"color": "#eea638"
}, {
"code": "KE",
"name": "Kenya",
"value": 41609728,
"color": "#de4c4f"
}, {
"code": "KR",
"name": "Korea, Dem. Rep.",
"value": 24451285,
"color": "#eea638"
}, {
"code": "KP",
"name": "Korea, Rep.",
"value": 48391343,
"color": "#eea638"
}, {
"code": "KW",
"name": "Kuwait",
"value": 2818042,
"color": "#eea638"
}, {
"code": "KG",
"name": "Kyrgyzstan",
"value": 5392580,
"color": "#eea638"
}, {
"code": "LA",
"name": "Laos",
"value": 6288037,
"color": "#eea638"
}, {
"code": "LV",
"name": "Latvia",
"value": 2243142,
"color": "#d8854f"
}, {
"code": "LB",
"name": "Lebanon",
"value": 4259405,
"color": "#eea638"
}, {
"code": "LS",
"name": "Lesotho",
"value": 2193843,
"color": "#de4c4f"
}, {
"code": "LR",
"name": "Liberia",
"value": 4128572,
"color": "#de4c4f"
}, {
"code": "LY",
"name": "Libya",
"value": 6422772,
"color": "#de4c4f"
}, {
"code": "LT",
"name": "Lithuania",
"value": 3307481,
"color": "#d8854f"
}, {
"code": "LU",
"name": "Luxembourg",
"value": 515941,
"color": "#d8854f"
}, {
"code": "MK",
"name": "Macedonia, FYR",
"value": 2063893,
"color": "#d8854f"
}, {
"code": "MG",
"name": "Madagascar",
"value": 21315135,
"color": "#de4c4f"
}, {
"code": "MW",
"name": "Malawi",
"value": 15380888,
"color": "#de4c4f"
}, {
"code": "MY",
"name": "Malaysia",
"value": 28859154,
"color": "#eea638"
}, {
"code": "ML",
"name": "Mali",
"value": 15839538,
"color": "#de4c4f"
}, {
"code": "MR",
"name": "Mauritania",
"value": 3541540,
"color": "#de4c4f"
}, {
"code": "MU",
"name": "Mauritius",
"value": 1306593,
"color": "#de4c4f"
}, {
"code": "MX",
"name": "Mexico",
"value": 114793341,
"color": "#a7a737"
}, {
"code": "MD",
"name": "Moldova",
"value": 3544864,
"color": "#d8854f"
}, {
"code": "MN",
"name": "Mongolia",
"value": 2800114,
"color": "#eea638"
}, {
"code": "ME",
"name": "Montenegro",
"value": 632261,
"color": "#d8854f"
}, {
"code": "MA",
"name": "Morocco",
"value": 32272974,
"color": "#de4c4f"
}, {
"code": "MZ",
"name": "Mozambique",
"value": 23929708,
"color": "#de4c4f"
}, {
"code": "MM",
"name": "Myanmar",
"value": 48336763,
"color": "#eea638"
}, {
"code": "NA",
"name": "Namibia",
"value": 2324004,
"color": "#de4c4f"
}, {
"code": "NP",
"name": "Nepal",
"value": 30485798,
"color": "#eea638"
}, {
"code": "NL",
"name": "Netherlands",
"value": 16664746,
"color": "#d8854f"
}, {
"code": "NZ",
"name": "New Zealand",
"value": 4414509,
"color": "#8aabb0"
}, {
"code": "NI",
"name": "Nicaragua",
"value": 5869859,
"color": "#a7a737"
}, {
"code": "NE",
"name": "Niger",
"value": 16068994,
"color": "#de4c4f"
}, {
"code": "NG",
"name": "Nigeria",
"value": 162470737,
"color": "#de4c4f"
}, {
"code": "NO",
"name": "Norway",
"value": 4924848,
"color": "#d8854f"
}, {
"code": "OM",
"name": "Oman",
"value": 2846145,
"color": "#eea638"
}, {
"code": "PK",
"name": "Pakistan",
"value": 176745364,
"color": "#eea638"
}, {
"code": "PA",
"name": "Panama",
"value": 3571185,
"color": "#a7a737"
}, {
"code": "PG",
"name": "Papua New Guinea",
"value": 7013829,
"color": "#8aabb0"
}, {
"code": "PY",
"name": "Paraguay",
"value": 6568290,
"color": "#86a965"
}, {
"code": "PE",
"name": "Peru",
"value": 29399817,
"color": "#86a965"
}, {
"code": "PH",
"name": "Philippines",
"value": 94852030,
"color": "#eea638"
}, {
"code": "PL",
"name": "Poland",
"value": 38298949,
"color": "#d8854f"
}, {
"code": "PT",
"name": "Portugal",
"value": 10689663,
"color": "#d8854f"
}, {
"code": "PR",
"name": "Puerto Rico",
"value": 3745526,
"color": "#a7a737"
}, {
"code": "QA",
"name": "Qatar",
"value": 1870041,
"color": "#eea638"
}, {
"code": "RO",
"name": "Romania",
"value": 21436495,
"color": "#d8854f"
}, {
"code": "RU",
"name": "Russia",
"value": 142835555,
"color": "#d8854f"
}, {
"code": "RW",
"name": "Rwanda",
"value": 10942950,
"color": "#de4c4f"
}, {
"code": "SA",
"name": "Saudi Arabia",
"value": 28082541,
"color": "#eea638"
}, {
"code": "SN",
"name": "Senegal",
"value": 12767556,
"color": "#de4c4f"
}, {
"code": "RS",
"name": "Serbia",
"value": 9853969,
"color": "#d8854f"
}, {
"code": "SL",
"name": "Sierra Leone",
"value": 5997486,
"color": "#de4c4f"
}, {
"code": "SG",
"name": "Singapore",
"value": 5187933,
"color": "#eea638"
}, {
"code": "SK",
"name": "Slovak Republic",
"value": 5471502,
"color": "#d8854f"
}, {
"code": "SI",
"name": "Slovenia",
"value": 2035012,
"color": "#d8854f"
}, {
"code": "SB",
"name": "Solomon Islands",
"value": 552267,
"color": "#8aabb0"
}, {
"code": "SO",
"name": "Somalia",
"value": 9556873,
"color": "#de4c4f"
}, {
"code": "ZA",
"name": "South Africa",
"value": 50459978,
"color": "#de4c4f"
}, {
"code": "ES",
"name": "Spain",
"value": 46454895,
"color": "#d8854f"
}, {
"code": "LK",
"name": "Sri Lanka",
"value": 21045394,
"color": "#eea638"
}, {
"code": "SD",
"name": "Sudan",
"value": 34735288,
"color": "#de4c4f"
}, {
"code": "SR",
"name": "Suriname",
"value": 529419,
"color": "#86a965"
}, {
"code": "SZ",
"name": "Swaziland",
"value": 1203330,
"color": "#de4c4f"
}, {
"code": "SE",
"name": "Sweden",
"value": 9440747,
"color": "#d8854f"
}, {
"code": "CH",
"name": "Switzerland",
"value": 7701690,
"color": "#d8854f"
}, {
"code": "SY",
"name": "Syria",
"value": 20766037,
"color": "#eea638"
}, {
"code": "TW",
"name": "Taiwan",
"value": 23072000,
"color": "#eea638"
}, {
"code": "TJ",
"name": "Tajikistan",
"value": 6976958,
"color": "#eea638"
}, {
"code": "TZ",
"name": "Tanzania",
"value": 46218486,
"color": "#de4c4f"
}, {
"code": "TH",
"name": "Thailand",
"value": 69518555,
"color": "#eea638"
}, {
"code": "TG",
"name": "Togo",
"value": 6154813,
"color": "#de4c4f"
}, {
"code": "TT",
"name": "Trinidad and Tobago",
"value": 1346350,
"color": "#a7a737"
}, {
"code": "TN",
"name": "Tunisia",
"value": 10594057,
"color": "#de4c4f"
}, {
"code": "TR",
"name": "Turkey",
"value": 73639596,
"color": "#d8854f"
}, {
"code": "TM",
"name": "Turkmenistan",
"value": 5105301,
"color": "#eea638"
}, {
"code": "UG",
"name": "Uganda",
"value": 34509205,
"color": "#de4c4f"
}, {
"code": "UA",
"name": "Ukraine",
"value": 45190180,
"color": "#d8854f"
}, {
"code": "AE",
"name": "United Arab Emirates",
"value": 7890924,
"color": "#eea638"
}, {
"code": "GB",
"name": "United Kingdom",
"value": 62417431,
"color": "#d8854f"
}, {
"code": "US",
"name": "United States",
"value": 313085380,
"color": "#a7a737"
}, {
"code": "UY",
"name": "Uruguay",
"value": 3380008,
"color": "#86a965"
}, {
"code": "UZ",
"name": "Uzbekistan",
"value": 27760267,
"color": "#eea638"
}, {
"code": "VE",
"name": "Venezuela",
"value": 29436891,
"color": "#86a965"
}, {
"code": "PS",
"name": "West Bank and Gaza",
"value": 4152369,
"color": "#eea638"
}, {
"code": "VN",
"name": "Vietnam",
"value": 88791996,
"color": "#eea638"
}, {
"code": "YE",
"name": "Yemen, Rep.",
"value": 24799880,
"color": "#eea638"
}, {
"code": "ZM",
"name": "Zambia",
"value": 13474959,
"color": "#de4c4f"
}, {
"code": "ZW",
"name": "Zimbabwe",
"value": 12754378,
"color": "#de4c4f"
}];
var map;
var minBulletSize = 3;
var maxBulletSize = 70;
var min = Infinity;
var max = -Infinity;
AmCharts.theme = AmCharts.themes.black;
// get min and max values
for (var i = 0; i < mapData.length; i++) {
var value = mapData[i].value;
if (value < min) {
min = value;
}
if (value > max) {
max = value;
}
}
// build map
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.projection = "winkel3";
map.addTitle("Population of the World in 2011", 14);
map.addTitle("source: Gapminder", 11);
map.areasSettings = {
unlistedAreasColor: "#FFFFFF",
unlistedAreasAlpha: 0.1
};
map.imagesSettings = {
balloonText: "<span style='font-size:14px;'><b>[[title]]</b>: [[value]]</span>",
alpha: 0.6
}
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
images: []
}
// create circle for each country
// it's better to use circle square to show difference between values, not a radius
var maxSquare = maxBulletSize * maxBulletSize * 2 * Math.PI;
var minSquare = minBulletSize * minBulletSize * 2 * Math.PI;
// create circle for each country
for (var i = 0; i < mapData.length; i++) {
var dataItem = mapData[i];
var value = dataItem.value;
// calculate size of a bubble
var square = (value - min) / (max - min) * (maxSquare - minSquare) + minSquare;
if (square < minSquare) {
square = minSquare;
}
var size = Math.sqrt(square / (Math.PI * 2));
var id = dataItem.code;
dataProvider.images.push({
type: "circle",
width: size,
height: size,
color: dataItem.color,
longitude: latlong[id].longitude,
latitude: latlong[id].latitude,
title: dataItem.name,
value: value
});
}
// the following code uses circle radius to show the difference
/*
for (var i = 0; i < mapData.length; i++) {
var dataItem = mapData[i];
var value = dataItem.value;
// calculate size of a bubble
var size = (value - min) / (max - min) * (maxBulletSize - minBulletSize) + minBulletSize;
if (size < minBulletSize) {
size = minBulletSize;
}
var id = dataItem.code;
dataProvider.images.push({
type: "circle",
width: size,
height: size,
color: dataItem.color,
longitude: latlong[id].longitude,
latitude: latlong[id].latitude,
title: dataItem.name,
value: value
});
}*/
map.dataProvider = dataProvider;
map.write("mapdiv");
});
</script>
</head>
<body style="background-color:#222222;">
<div id="mapdiv" style="width: 100%; height: 600px;"></div>
</body>
</html> groupedCountries.html 0000644 00000014172 15167740746 0011021 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
zoomLevel: 3.5,
zoomLongitude: 10,
zoomLatitude: 52
};
map.areasSettings = {
unlistedAreasColor: "#DDDDDD",
rollOverOutlineColor: "#FFFFFF",
rollOverColor: "#CC0000",
balloonText: "[[title]] joined EU at [[customData]]"
};
map.creditsPosition = "top-right";
dataProvider.areas = [
{
title: "Austria",
id: "AT",
color: "#3366CC",
customData: "1995",
groupId: "before2004"},
{
title: "Ireland",
id: "IE",
color: "#3366CC",
customData: "1973",
groupId: "before2004"},
{
title: "Denmark",
id: "DK",
color: "#3366CC",
customData: "1973",
groupId: "before2004"},
{
title: "Finland",
id: "FI",
color: "#3366CC",
customData: "1995",
groupId: "before2004"},
{
title: "Sweden",
id: "SE",
color: "#3366CC",
customData: "1995",
groupId: "before2004"},
{
title: "Great Britain",
id: "GB",
color: "#3366CC",
customData: "1973",
groupId: "before2004"},
{
title: "Italy",
id: "IT",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "France",
id: "FR",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "Spain",
id: "ES",
color: "#3366CC",
customData: "1986",
groupId: "before2004"},
{
title: "Greece",
id: "GR",
color: "#3366CC",
customData: "1981",
groupId: "before2004"},
{
title: "Germany",
id: "DE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "Belgium",
id: "BE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "Luxembourg",
id: "LU",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "Netherlands",
id: "NL",
color: "#3366CC",
customData: "1957",
groupId: "before2004"},
{
title: "Portugal",
id: "PT",
color: "#3366CC",
customData: "1986",
groupId: "before2004"},
{
title: "Lithuania",
id: "LT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Latvia",
id: "LV",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Czech Republic ",
id: "CZ",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Slovakia",
id: "SK",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Slovenia",
id: "SI",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Estonia",
id: "EE",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Hungary",
id: "HU",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Cyprus",
id: "CY",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Malta",
id: "MT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Poland",
id: "PL",
color: "#FFCC33",
customData: "2004",
groupId: "2004"},
{
title: "Romania",
id: "RO",
color: "#66CC99",
customData: "2007",
groupId: "2007"},
{
title: "Bulgaria",
id: "BG",
color: "#66CC99",
customData: "2007",
groupId: "2007"}
];
map.dataProvider = dataProvider;
var legend = {
width: 600,
backgroundAlpha: 0.5,
backgroundColor: "#FFFFFF",
borderColor: "#666666",
borderAlpha: 1,
bottom: 15,
left: 15,
horizontalGap: 10,
data: [
{
title: "Joined EU before 2004",
color: "#3366CC"},
{
title: "Joined EU at 2004",
color: "#FFCC33"},
{
title: "Joined EU at 2007",
color: "#66CC99"}
]
};
map.addLegend(legend);
map.write("mapdiv");
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#eeeeee; height: 500px;"></div>
</body>
</html> _JSON_animationsAlongLines.html 0000644 00000010350 15167740746 0012560 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47";
AmCharts.makeChart("mapdiv", {
type: "map",
dataProvider: {
map: "worldLow",
zoomLevel: 3.5,
zoomLongitude: -55,
zoomLatitude: 42,
lines: [{
id: "line1",
arc: -0.85,
alpha: 0.3,
latitudes: [48.8567, 43.8163, 34.3, 23],
longitudes: [2.3510, -79.4287, -118.15, -82]
}, {
id: "line2",
alpha: 0,
color: "#000000",
latitudes: [48.8567, 43.8163, 34.3, 23],
longitudes: [2.3510, -79.4287, -118.15, -82]
}],
images: [{
svgPath: targetSVG,
title: "Paris",
latitude: 48.8567,
longitude: 2.3510
}, {
svgPath: targetSVG,
title: "Toronto",
latitude: 43.8163,
longitude: -79.4287
}, {
svgPath: targetSVG,
title: "Los Angeles",
latitude: 34.3,
longitude: -118.15
}, {
svgPath: targetSVG,
title: "Havana",
latitude: 23,
longitude: -82
}, {
svgPath: planeSVG,
positionOnLine: 0,
color: "#000000",
alpha: 0.1,
animateAlongLine: true,
lineId: "line2",
flipDirection: true,
loop: true,
scale: 0.03,
positionScale: 1.3
}, {
svgPath: planeSVG,
positionOnLine: 0,
color: "#585869",
animateAlongLine: true,
lineId: "line1",
flipDirection: true,
loop: true,
scale: 0.03,
positionScale: 1.8
}]
},
areasSettings: {
unlistedAreasColor: "#8dd9ef"
},
imagesSettings: {
color: "#585869",
rollOverColor: "#585869",
selectedColor: "#585869",
pauseDuration: 0.2,
animationDuration: 2.5,
adjustAnimationSpeed: true
},
linesSettings: {
color: "#585869",
alpha: 0.4
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 100%; background-color:#d5eff7; height: 500px;"></div>
</body>
</html> mapWithPatterns.html 0000644 00000004711 15167740746 0010610 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap examples</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
<script>
var map;
AmCharts.ready(function() {
var map;
map = new AmCharts.AmMap();
map.dragMap = false;
map.color = "#FFFFFF";
map.areasSettings = {
autoZoom: false,
rollOverOutlineColor: "#FFFFFF",
selectedColor: "#FFFFFF",
rollOverColor: "#FFFFFF",
outlineAlpha: 1,
outlineColor: "#FFFFFF",
outlineThickness: 1,
color: "#000000"
};
map.dataProvider = {
mapVar: AmCharts.maps.continentsLow,
areas: [{
"id": "africa",
"title": "Africa",
"pattern": {
"url": "patterns/white/pattern1.png",
width: 4,
height: 4
}
}, {
"id": "asia",
"title": "Asia",
"pattern": {
"url": "patterns/white/pattern2.png",
width: 4,
height: 4
}
}, {
"id": "australia",
"title": "Australia",
"pattern": {
"url": "patterns/white/pattern3.png",
width: 4,
height: 4
}
}, {
"id": "europe",
"title": "Europe",
"pattern": {
"url": "patterns/white/pattern4.png",
width: 4,
height: 4
}
}, {
"id": "north_america",
"title": "North America",
"pattern": {
"url": "patterns/white/pattern5.png",
width: 4,
height: 4
}
}, {
"id": "south_america",
"title": "South America",
"pattern": {
"url": "patterns/white/pattern6.png",
width: 4,
height: 4
}
}]
};
var zoomControl = map.zoomControl;
zoomControl.panControlEnabled = false;
zoomControl.zoomControlEnabled = false;
map.write("mapdiv");
});
</script>
</head>
<body style="background-image: url('images/board.jpg'); background-color:#000000;">
<div id="mapdiv" style="width: 100%; height: 500px;"></div>
</body>
</html> _JSON_drillDownMap.html 0000644 00000044203 15167740746 0011042 0 ustar 00 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
<script>
var continentsDataProvider;
var backIconSVG = "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM27.436,17.39c0.001,0.002,0.004,0.002,0.005,0.004c-0.022,0.187-0.054,0.37-0.085,0.554c-0.015-0.012-0.034-0.025-0.047-0.036c-0.103-0.09-0.254-0.128-0.318-0.115c-0.157,0.032,0.229,0.305,0.267,0.342c0.009,0.009,0.031,0.03,0.062,0.058c-1.029,5.312-5.709,9.338-11.319,9.338c-4.123,0-7.736-2.18-9.776-5.441c0.123-0.016,0.24-0.016,0.28-0.076c0.051-0.077,0.102-0.241,0.178-0.331c0.077-0.089,0.165-0.229,0.127-0.292c-0.039-0.064,0.101-0.344,0.088-0.419c-0.013-0.076-0.127-0.256,0.064-0.407s0.394-0.382,0.407-0.444c0.012-0.063,0.166-0.331,0.152-0.458c-0.012-0.127-0.152-0.28-0.24-0.318c-0.09-0.037-0.28-0.05-0.356-0.151c-0.077-0.103-0.292-0.203-0.368-0.178c-0.076,0.025-0.204,0.05-0.305-0.015c-0.102-0.062-0.267-0.139-0.33-0.189c-0.065-0.05-0.229-0.088-0.305-0.088c-0.077,0-0.065-0.052-0.178,0.101c-0.114,0.153,0,0.204-0.204,0.177c-0.204-0.023,0.025-0.036,0.141-0.189c0.113-0.152-0.013-0.242-0.141-0.203c-0.126,0.038-0.038,0.115-0.241,0.153c-0.203,0.036-0.203-0.09-0.076-0.115s0.355-0.139,0.355-0.19c0-0.051-0.025-0.191-0.127-0.191s-0.077-0.126-0.229-0.291c-0.092-0.101-0.196-0.164-0.299-0.204c-0.09-0.579-0.15-1.167-0.15-1.771c0-2.844,1.039-5.446,2.751-7.458c0.024-0.02,0.048-0.034,0.069-0.036c0.084-0.009,0.31-0.025,0.51-0.059c0.202-0.034,0.418-0.161,0.489-0.153c0.069,0.008,0.241,0.008,0.186-0.042C8.417,8.2,8.339,8.082,8.223,8.082S8.215,7.896,8.246,7.896c0.03,0,0.186,0.025,0.178,0.11C8.417,8.091,8.471,8.2,8.625,8.167c0.156-0.034,0.132-0.162,0.102-0.195C8.695,7.938,8.672,7.853,8.642,7.794c-0.031-0.06-0.023-0.136,0.14-0.153C8.944,7.625,9.168,7.708,9.16,7.573s0-0.28,0.046-0.356C9.253,7.142,9.354,7.09,9.299,7.065C9.246,7.04,9.176,7.099,9.121,6.972c-0.054-0.127,0.047-0.22,0.108-0.271c0.02-0.015,0.067-0.06,0.124-0.112C11.234,5.257,13.524,4.466,16,4.466c3.213,0,6.122,1.323,8.214,3.45c-0.008,0.022-0.01,0.052-0.031,0.056c-0.077,0.013-0.166,0.063-0.179-0.051c-0.013-0.114-0.013-0.331-0.102-0.203c-0.089,0.127-0.127,0.127-0.127,0.191c0,0.063,0.076,0.127,0.051,0.241C23.8,8.264,23.8,8.341,23.84,8.341c0.036,0,0.126-0.115,0.239-0.141c0.116-0.025,0.319-0.088,0.332,0.026c0.013,0.115,0.139,0.152,0.013,0.203c-0.128,0.051-0.267,0.026-0.293-0.051c-0.025-0.077-0.114-0.077-0.203-0.013c-0.088,0.063-0.279,0.292-0.279,0.292s-0.306,0.139-0.343,0.114c-0.04-0.025,0.101-0.165,0.203-0.228c0.102-0.064,0.178-0.204,0.14-0.242c-0.038-0.038-0.088-0.279-0.063-0.343c0.025-0.063,0.139-0.152,0.013-0.216c-0.127-0.063-0.217-0.14-0.318-0.178s-0.216,0.152-0.305,0.204c-0.089,0.051-0.076,0.114-0.191,0.127c-0.114,0.013-0.189,0.165,0,0.254c0.191,0.089,0.255,0.152,0.204,0.204c-0.051,0.051-0.267-0.025-0.267-0.025s-0.165-0.076-0.268-0.076c-0.101,0-0.229-0.063-0.33-0.076c-0.102-0.013-0.306-0.013-0.355,0.038c-0.051,0.051-0.179,0.203-0.28,0.152c-0.101-0.051-0.101-0.102-0.241-0.051c-0.14,0.051-0.279-0.038-0.355,0.038c-0.077,0.076-0.013,0.076-0.255,0c-0.241-0.076-0.189,0.051-0.419,0.089s-0.368-0.038-0.432,0.038c-0.064,0.077-0.153,0.217-0.19,0.127c-0.038-0.088,0.126-0.241,0.062-0.292c-0.062-0.051-0.33-0.025-0.367,0.013c-0.039,0.038-0.014,0.178,0.011,0.229c0.026,0.05,0.064,0.254-0.011,0.216c-0.077-0.038-0.064-0.166-0.141-0.152c-0.076,0.013-0.165,0.051-0.203,0.077c-0.038,0.025-0.191,0.025-0.229,0.076c-0.037,0.051,0.014,0.191-0.051,0.203c-0.063,0.013-0.114,0.064-0.254-0.025c-0.14-0.089-0.14-0.038-0.178-0.012c-0.038,0.025-0.216,0.127-0.229,0.012c-0.013-0.114,0.025-0.152-0.089-0.229c-0.115-0.076-0.026-0.076,0.127-0.025c0.152,0.05,0.343,0.075,0.622-0.013c0.28-0.089,0.395-0.127,0.28-0.178c-0.115-0.05-0.229-0.101-0.406-0.127c-0.179-0.025-0.42-0.025-0.7-0.127c-0.279-0.102-0.343-0.14-0.457-0.165c-0.115-0.026-0.813-0.14-1.132-0.089c-0.317,0.051-1.193,0.28-1.245,0.318s-0.128,0.19-0.292,0.318c-0.165,0.127-0.47,0.419-0.712,0.47c-0.241,0.051-0.521,0.254-0.521,0.305c0,0.051,0.101,0.242,0.076,0.28c-0.025,0.038,0.05,0.229,0.191,0.28c0.139,0.05,0.381,0.038,0.393-0.039c0.014-0.076,0.204-0.241,0.217-0.127c0.013,0.115,0.14,0.292,0.114,0.368c-0.025,0.077,0,0.153,0.09,0.14c0.088-0.012,0.559-0.114,0.559-0.114s0.153-0.064,0.127-0.166c-0.026-0.101,0.166-0.241,0.203-0.279c0.038-0.038,0.178-0.191,0.014-0.241c-0.167-0.051-0.293-0.064-0.115-0.216s0.292,0,0.521-0.229c0.229-0.229-0.051-0.292,0.191-0.305c0.241-0.013,0.496-0.025,0.444,0.051c-0.05,0.076-0.342,0.242-0.508,0.318c-0.166,0.077-0.14,0.216-0.076,0.292c0.063,0.076,0.09,0.254,0.204,0.229c0.113-0.025,0.254-0.114,0.38-0.101c0.128,0.012,0.383-0.013,0.42-0.013c0.039,0,0.216,0.178,0.114,0.203c-0.101,0.025-0.229,0.013-0.445,0.025c-0.215,0.013-0.456,0.013-0.456,0.051c0,0.039,0.292,0.127,0.19,0.191c-0.102,0.063-0.203-0.013-0.331-0.026c-0.127-0.012-0.203,0.166-0.241,0.267c-0.039,0.102,0.063,0.28-0.127,0.216c-0.191-0.063-0.331-0.063-0.381-0.038c-0.051,0.025-0.203,0.076-0.331,0.114c-0.126,0.038-0.076-0.063-0.242-0.063c-0.164,0-0.164,0-0.164,0l-0.103,0.013c0,0-0.101-0.063-0.114-0.165c-0.013-0.102,0.05-0.216-0.013-0.241c-0.064-0.026-0.292,0.012-0.33,0.088c-0.038,0.076-0.077,0.216-0.026,0.28c0.052,0.063,0.204,0.19,0.064,0.152c-0.14-0.038-0.317-0.051-0.419,0.026c-0.101,0.076-0.279,0.241-0.279,0.241s-0.318,0.025-0.318,0.102c0,0.077,0,0.178-0.114,0.191c-0.115,0.013-0.268,0.05-0.42,0.076c-0.153,0.025-0.139,0.088-0.317,0.102s-0.204,0.089-0.038,0.114c0.165,0.025,0.418,0.127,0.431,0.241c0.014,0.114-0.013,0.242-0.076,0.356c-0.043,0.079-0.305,0.026-0.458,0.026c-0.152,0-0.456-0.051-0.584,0c-0.127,0.051-0.102,0.305-0.064,0.419c0.039,0.114-0.012,0.178-0.063,0.216c-0.051,0.038-0.065,0.152,0,0.204c0.063,0.051,0.114,0.165,0.166,0.178c0.051,0.013,0.215-0.038,0.279,0.025c0.064,0.064,0.127,0.216,0.165,0.178c0.039-0.038,0.089-0.203,0.153-0.166c0.064,0.039,0.216-0.012,0.331-0.025s0.177-0.14,0.292-0.204c0.114-0.063,0.05-0.063,0.013-0.14c-0.038-0.076,0.114-0.165,0.204-0.254c0.088-0.089,0.253-0.013,0.292-0.115c0.038-0.102,0.051-0.279,0.151-0.267c0.103,0.013,0.243,0.076,0.331,0.076c0.089,0,0.279-0.14,0.332-0.165c0.05-0.025,0.241-0.013,0.267,0.102c0.025,0.114,0.241,0.254,0.292,0.279c0.051,0.025,0.381,0.127,0.433,0.165c0.05,0.038,0.126,0.153,0.152,0.254c0.025,0.102,0.114,0.102,0.128,0.013c0.012-0.089-0.065-0.254,0.025-0.242c0.088,0.013,0.191-0.026,0.191-0.026s-0.243-0.165-0.331-0.203c-0.088-0.038-0.255-0.114-0.331-0.241c-0.076-0.127-0.267-0.153-0.254-0.279c0.013-0.127,0.191-0.051,0.292,0.051c0.102,0.102,0.356,0.241,0.445,0.33c0.088,0.089,0.229,0.127,0.267,0.242c0.039,0.114,0.152,0.241,0.19,0.292c0.038,0.051,0.165,0.331,0.204,0.394c0.038,0.063,0.165-0.012,0.229-0.063c0.063-0.051,0.179-0.076,0.191-0.178c0.013-0.102-0.153-0.178-0.203-0.216c-0.051-0.038,0.127-0.076,0.191-0.127c0.063-0.05,0.177-0.14,0.228-0.063c0.051,0.077,0.026,0.381,0.051,0.432c0.025,0.051,0.279,0.127,0.331,0.191c0.05,0.063,0.267,0.089,0.304,0.051c0.039-0.038,0.242,0.026,0.294,0.038c0.049,0.013,0.202-0.025,0.304-0.05c0.103-0.025,0.204-0.102,0.191,0.063c-0.013,0.165-0.051,0.419-0.179,0.546c-0.127,0.127-0.076,0.191-0.202,0.191c-0.06,0-0.113,0-0.156,0.021c-0.041-0.065-0.098-0.117-0.175-0.097c-0.152,0.038-0.344,0.038-0.47,0.19c-0.128,0.153-0.178,0.165-0.204,0.114c-0.025-0.051,0.369-0.267,0.317-0.331c-0.05-0.063-0.355-0.038-0.521-0.038c-0.166,0-0.305-0.102-0.433-0.127c-0.126-0.025-0.292,0.127-0.418,0.254c-0.128,0.127-0.216,0.038-0.331,0.038c-0.115,0-0.331-0.165-0.331-0.165s-0.216-0.089-0.305-0.089c-0.088,0-0.267-0.165-0.318-0.165c-0.05,0-0.19-0.115-0.088-0.166c0.101-0.05,0.202,0.051,0.101-0.229c-0.101-0.279-0.33-0.216-0.419-0.178c-0.088,0.039-0.724,0.025-0.775,0.025c-0.051,0-0.419,0.127-0.533,0.178c-0.116,0.051-0.318,0.115-0.369,0.14c-0.051,0.025-0.318-0.051-0.433,0.013c-0.151,0.084-0.291,0.216-0.33,0.216c-0.038,0-0.153,0.089-0.229,0.28c-0.077,0.19,0.013,0.355-0.128,0.419c-0.139,0.063-0.394,0.204-0.495,0.305c-0.102,0.101-0.229,0.458-0.355,0.623c-0.127,0.165,0,0.317,0.025,0.419c0.025,0.101,0.114,0.292-0.025,0.471c-0.14,0.178-0.127,0.266-0.191,0.279c-0.063,0.013,0.063,0.063,0.088,0.19c0.025,0.128-0.114,0.255,0.128,0.369c0.241,0.113,0.355,0.217,0.418,0.367c0.064,0.153,0.382,0.407,0.382,0.407s0.229,0.205,0.344,0.293c0.114,0.089,0.152,0.038,0.177-0.05c0.025-0.09,0.178-0.104,0.355-0.104c0.178,0,0.305,0.04,0.483,0.014c0.178-0.025,0.356-0.141,0.42-0.166c0.063-0.025,0.279-0.164,0.443-0.063c0.166,0.103,0.141,0.241,0.23,0.332c0.088,0.088,0.24,0.037,0.355-0.051c0.114-0.09,0.064-0.052,0.203,0.025c0.14,0.075,0.204,0.151,0.077,0.267c-0.128,0.113-0.051,0.293-0.128,0.47c-0.076,0.178-0.063,0.203,0.077,0.278c0.14,0.076,0.394,0.548,0.47,0.638c0.077,0.088-0.025,0.342,0.064,0.495c0.089,0.151,0.178,0.254,0.077,0.331c-0.103,0.075-0.28,0.216-0.292,0.47s0.051,0.431,0.102,0.521s0.177,0.331,0.241,0.419c0.064,0.089,0.14,0.305,0.152,0.445c0.013,0.14-0.024,0.306,0.039,0.381c0.064,0.076,0.102,0.191,0.216,0.292c0.115,0.103,0.152,0.318,0.152,0.318s0.039,0.089,0.051,0.229c0.012,0.14,0.025,0.228,0.152,0.292c0.126,0.063,0.215,0.076,0.28,0.013c0.063-0.063,0.381-0.077,0.546-0.063c0.165,0.013,0.355-0.075,0.521-0.19s0.407-0.419,0.496-0.508c0.089-0.09,0.292-0.255,0.268-0.356c-0.025-0.101-0.077-0.203,0.024-0.254c0.102-0.052,0.344-0.152,0.356-0.229c0.013-0.077-0.09-0.395-0.115-0.457c-0.024-0.064,0.064-0.18,0.165-0.306c0.103-0.128,0.421-0.216,0.471-0.267c0.051-0.053,0.191-0.267,0.217-0.433c0.024-0.167-0.051-0.369,0-0.457c0.05-0.09,0.013-0.165-0.103-0.268c-0.114-0.102-0.089-0.407-0.127-0.457c-0.037-0.051-0.013-0.319,0.063-0.345c0.076-0.023,0.242-0.279,0.344-0.393c0.102-0.114,0.394-0.47,0.534-0.496c0.139-0.025,0.355-0.229,0.368-0.343c0.013-0.115,0.38-0.547,0.394-0.635c0.013-0.09,0.166-0.42,0.102-0.497c-0.062-0.076-0.559,0.115-0.622,0.141c-0.064,0.025-0.241,0.127-0.446,0.113c-0.202-0.013-0.114-0.177-0.127-0.254c-0.012-0.076-0.228-0.368-0.279-0.381c-0.051-0.012-0.203-0.166-0.267-0.317c-0.063-0.153-0.152-0.343-0.254-0.458c-0.102-0.114-0.165-0.38-0.268-0.559c-0.101-0.178-0.189-0.407-0.279-0.572c-0.021-0.041-0.045-0.079-0.067-0.117c0.118-0.029,0.289-0.082,0.31-0.009c0.024,0.088,0.165,0.279,0.19,0.419s0.165,0.089,0.178,0.216c0.014,0.128,0.14,0.433,0.19,0.47c0.052,0.038,0.28,0.242,0.318,0.318c0.038,0.076,0.089,0.178,0.127,0.369c0.038,0.19,0.076,0.444,0.179,0.482c0.102,0.038,0.444-0.064,0.508-0.102s0.482-0.242,0.635-0.255c0.153-0.012,0.179-0.115,0.368-0.152c0.191-0.038,0.331-0.177,0.458-0.28c0.127-0.101,0.28-0.355,0.33-0.444c0.052-0.088,0.179-0.152,0.115-0.253c-0.063-0.103-0.331-0.254-0.433-0.268c-0.102-0.012-0.089-0.178-0.152-0.178s-0.051,0.088-0.178,0.153c-0.127,0.063-0.255,0.19-0.344,0.165s0.026-0.089-0.113-0.203s-0.192-0.14-0.192-0.228c0-0.089-0.278-0.255-0.304-0.382c-0.026-0.127,0.19-0.305,0.254-0.19c0.063,0.114,0.115,0.292,0.279,0.368c0.165,0.076,0.318,0.204,0.395,0.229c0.076,0.025,0.267-0.14,0.33-0.114c0.063,0.024,0.191,0.253,0.306,0.292c0.113,0.038,0.495,0.051,0.559,0.051s0.33,0.013,0.381-0.063c0.051-0.076,0.089-0.076,0.153-0.076c0.062,0,0.177,0.229,0.267,0.254c0.089,0.025,0.254,0.013,0.241,0.179c-0.012,0.164,0.076,0.305,0.165,0.317c0.09,0.012,0.293-0.191,0.293-0.191s0,0.318-0.012,0.433c-0.014,0.113,0.139,0.534,0.139,0.534s0.19,0.393,0.241,0.482s0.267,0.355,0.267,0.47c0,0.115,0.025,0.293,0.103,0.293c0.076,0,0.152-0.203,0.24-0.331c0.091-0.126,0.116-0.305,0.153-0.432c0.038-0.127,0.038-0.356,0.038-0.444c0-0.09,0.075-0.166,0.255-0.242c0.178-0.076,0.304-0.292,0.456-0.407c0.153-0.115,0.141-0.305,0.446-0.305c0.305,0,0.278,0,0.355-0.077c0.076-0.076,0.151-0.127,0.19,0.013c0.038,0.14,0.254,0.343,0.292,0.394c0.038,0.052,0.114,0.191,0.103,0.344c-0.013,0.152,0.012,0.33,0.075,0.33s0.191-0.216,0.191-0.216s0.279-0.189,0.267,0.013c-0.014,0.203,0.025,0.419,0.025,0.545c0,0.053,0.042,0.135,0.088,0.21c-0.005,0.059-0.004,0.119-0.009,0.178C27.388,17.153,27.387,17.327,27.436,17.39zM20.382,12.064c0.076,0.05,0.102,0.127,0.152,0.203c0.052,0.076,0.14,0.05,0.203,0.114c0.063,0.064-0.178,0.14-0.075,0.216c0.101,0.077,0.151,0.381,0.165,0.458c0.013,0.076-0.279,0.114-0.369,0.102c-0.089-0.013-0.354-0.102-0.445-0.127c-0.089-0.026-0.139-0.343-0.025-0.331c0.116,0.013,0.141-0.025,0.267-0.139c0.128-0.115-0.189-0.166-0.278-0.191c-0.089-0.025-0.268-0.305-0.331-0.394c-0.062-0.089-0.014-0.228,0.141-0.331c0.076-0.051,0.279,0.063,0.381,0c0.101-0.063,0.203-0.14,0.241-0.165c0.039-0.025,0.293,0.038,0.33,0.114c0.039,0.076,0.191,0.191,0.141,0.229c-0.052,0.038-0.281,0.076-0.356,0c-0.075-0.077-0.255,0.012-0.268,0.152C20.242,12.115,20.307,12.013,20.382,12.064zM16.875,12.28c-0.077-0.025,0.025-0.178,0.102-0.229c0.075-0.051,0.164-0.178,0.241-0.305c0.076-0.127,0.178-0.14,0.241-0.127c0.063,0.013,0.203,0.241,0.241,0.318c0.038,0.076,0.165-0.026,0.217-0.051c0.05-0.025,0.127-0.102,0.14-0.165s0.127-0.102,0.254-0.102s0.013,0.102-0.076,0.127c-0.09,0.025-0.038,0.077,0.113,0.127c0.153,0.051,0.293,0.191,0.459,0.279c0.165,0.089,0.19,0.267,0.088,0.292c-0.101,0.025-0.406,0.051-0.521,0.038c-0.114-0.013-0.254-0.127-0.419-0.153c-0.165-0.025-0.369-0.013-0.433,0.077s-0.292,0.05-0.395,0.05c-0.102,0-0.228,0.127-0.253,0.077C16.875,12.534,16.951,12.306,16.875,12.28zM17.307,9.458c0.063-0.178,0.419,0.038,0.355,0.127C17.599,9.675,17.264,9.579,17.307,9.458zM17.802,18.584c0.063,0.102-0.14,0.431-0.254,0.407c-0.113-0.027-0.076-0.318-0.038-0.382C17.548,18.545,17.769,18.529,17.802,18.584zM13.189,12.674c0.025-0.051-0.039-0.153-0.127-0.013C13.032,12.71,13.164,12.725,13.189,12.674zM20.813,8.035c0.141,0.076,0.339,0.107,0.433,0.013c0.076-0.076,0.013-0.204-0.05-0.216c-0.064-0.013-0.104-0.115,0.062-0.203c0.165-0.089,0.343-0.204,0.534-0.229c0.19-0.025,0.622-0.038,0.774,0c0.152,0.039,0.382-0.166,0.445-0.254s-0.203-0.152-0.279-0.051c-0.077,0.102-0.444,0.076-0.521,0.051c-0.076-0.025-0.686,0.102-0.812,0.102c-0.128,0-0.179,0.152-0.356,0.229c-0.179,0.076-0.42,0.191-0.509,0.229c-0.088,0.038-0.177,0.19-0.101,0.216C20.509,7.947,20.674,7.959,20.813,8.035zM14.142,12.674c0.064-0.089-0.051-0.217-0.114-0.217c-0.12,0-0.178,0.191-0.103,0.254C14.002,12.776,14.078,12.763,14.142,12.674zM14.714,13.017c0.064,0.025,0.114,0.102,0.165,0.114c0.052,0.013,0.217,0,0.167-0.127s-0.167-0.127-0.204-0.127c-0.038,0-0.203-0.038-0.267,0C14.528,12.905,14.65,12.992,14.714,13.017zM11.308,10.958c0.101,0.013,0.217-0.063,0.305-0.101c0.088-0.038,0.216-0.114,0.216-0.229c0-0.114-0.025-0.216-0.077-0.267c-0.051-0.051-0.14-0.064-0.216-0.051c-0.115,0.02-0.127,0.14-0.203,0.14c-0.076,0-0.165,0.025-0.14,0.114s0.077,0.152,0,0.19C11.117,10.793,11.205,10.946,11.308,10.958zM11.931,10.412c0.127,0.051,0.394,0.102,0.292,0.153c-0.102,0.051-0.28,0.19-0.305,0.267s0.216,0.153,0.216,0.153s-0.077,0.089-0.013,0.114c0.063,0.025,0.102-0.089,0.203-0.089c0.101,0,0.304,0.063,0.406,0.063c0.103,0,0.267-0.14,0.254-0.229c-0.013-0.089-0.14-0.229-0.254-0.28c-0.113-0.051-0.241-0.28-0.317-0.331c-0.076-0.051,0.076-0.178-0.013-0.267c-0.09-0.089-0.153-0.076-0.255-0.14c-0.102-0.063-0.191,0.013-0.254,0.089c-0.063,0.076-0.14-0.013-0.217,0.012c-0.102,0.035-0.063,0.166-0.012,0.229C11.714,10.221,11.804,10.361,11.931,10.412zM24.729,17.198c-0.083,0.037-0.153,0.47,0,0.521c0.152,0.052,0.241-0.202,0.191-0.267C24.868,17.39,24.843,17.147,24.729,17.198zM20.114,20.464c-0.159-0.045-0.177,0.166-0.304,0.306c-0.128,0.141-0.267,0.254-0.317,0.241c-0.052-0.013-0.331,0.089-0.242,0.279c0.089,0.191,0.076,0.382-0.013,0.472c-0.089,0.088,0.076,0.342,0.052,0.482c-0.026,0.139,0.037,0.229,0.215,0.229s0.242-0.064,0.318-0.229c0.076-0.166,0.088-0.331,0.164-0.47c0.077-0.141,0.141-0.434,0.179-0.51c0.038-0.075,0.114-0.316,0.102-0.457C20.254,20.669,20.204,20.489,20.114,20.464zM10.391,8.802c-0.069-0.06-0.229-0.102-0.306-0.11c-0.076-0.008-0.152,0.06-0.321,0.06c-0.168,0-0.279,0.067-0.347,0C9.349,8.684,9.068,8.65,9.042,8.692C9.008,8.749,8.941,8.751,9.008,8.87c0.069,0.118,0.12,0.186,0.179,0.178s0.262-0.017,0.288,0.051C9.5,9.167,9.569,9.226,9.712,9.184c0.145-0.042,0.263-0.068,0.296-0.119c0.033-0.051,0.263-0.059,0.263-0.059S10.458,8.861,10.391,8.802z";
var worldDataProvider = {
map: "worldLow",
getAreasFromMap: true,
images: [{
svgPath: backIconSVG,
id: "backButton",
label: "Back to continents map",
rollOverColor: "#CC0000",
labelRollOverColor: "#CC0000",
useTargetsZoomValues: true,
left: 30,
bottom: 30,
labelFontSize: 15,
selectable: true
}]
};
var continentsDataProvider = {
map: "continentsLow",
areas: [{
id: "africa",
linkToObject: worldDataProvider,
color: "#723C1A",
passZoomValuesToTarget: true
}, {
id: "asia",
linkToObject: worldDataProvider,
color: "#C8AB67",
passZoomValuesToTarget: true
}, {
id: "australia",
linkToObject: worldDataProvider,
color: "#93644A",
passZoomValuesToTarget: true
}, {
id: "europe",
linkToObject: worldDataProvider,
color: "#AA805A",
passZoomValuesToTarget: true
}, {
id: "north_america",
linkToObject: worldDataProvider,
color: "#8D725F",
passZoomValuesToTarget: true
}, {
id: "south_america",
linkToObject: worldDataProvider,
color: "#BE8045",
passZoomValuesToTarget: true
}]
};
var map = AmCharts.makeChart("mapdiv", {
type: "map",
areasSettings: {
autoZoom: true,
rollOverOutlineColor: "#000000",
selectedColor: "#BBBB00",
color: "#BBBB00"
},
dataProvider: continentsDataProvider
});
function handleGoHome() {
map.dataProvider = continentsDataProvider;
map.validateNow();
}
function handleMapObjectClick(event) {
if (event.mapObject.id == "backButton") {
handleGoHome();
}
}
// monitor when home icon was clicked and also go to continents map
map.addListener("homeButtonClicked", handleGoHome);
map.addListener("clickMapObject", handleMapObjectClick);
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
</body>
</html>