1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 7 <title>amCharts Responsive Example</title> 8 <script src="http://www.amcharts.com/lib/3/amcharts.js"></script> 9 <script src="http://www.amcharts.com/lib/3/funnel.js"></script> 10 <script src="../responsive.min.js"></script> 11 <style> 12 body, html { 13 height: 100%; 14 padding: 0; 15 margin: 0; 16 } 17 </style> 18 <script> 19 var chart = AmCharts.makeChart("chartdiv", { 20 "type": "funnel", 21 "dataProvider": [{ 22 "title": "Website visits", 23 "value": 200 24 }, { 25 "title": "Downloads", 26 "value": 123 27 }, { 28 "title": "Requested price list", 29 "value": 98 30 }, { 31 "title": "Contaced for more info", 32 "value": 72 33 }, { 34 "title": "Purchased", 35 "value": 35 36 }, { 37 "title": "Contacted for support", 38 "value": 35 39 }, { 40 "title": "Purchased additional products", 41 "value": 26 42 }], 43 "balloon": { 44 "fixedPosition": true 45 }, 46 "legend": {}, 47 "valueField": "value", 48 "titleField": "title", 49 "marginRight": 240, 50 "marginLeft": 50, 51 "startX": -500, 52 "depth3D":100, 53 "angle":40, 54 "outlineAlpha":1, 55 "outlineColor":"#FFFFFF", 56 "outlineThickness":2, 57 "labelPosition": "right", 58 "balloonText": "[[title]]: [[value]]n[[description]]", 59 "responsive": { 60 "enabled": true 61 } 62 }); 63 64 </script> 65 </head> 66 67 <body> 68 <div id="chartdiv" style="width: 100%; height: 100%;"></div> 69 </body> 70 71</html>