Example 7

by Stephen Benett

HTML

<script src="https://show.askia.com/AskiaVistaReader.Net4/Scripts/jquery.js"></script>
<script src="https://show.askia.com/AskiaVistaReader.Net4/Scripts/askiavista.js"></script>
  <div id="result1"></div>
	<div id="result2"></div>
	<div id="result3"></div>
	<div id="result4"></div>

CSS

div{
			overflow:auto;
			margin:15px;
		}

JavaScript

askiaVista.config({
            baseUrl: "https://show.askia.com/AskiaVistaReader.Net4/",
            survey: "EX",
			authenticityToken: "8662aa9c-0db1-4ea6-bc88-b1dd1305cb89"
        });
		askiaVista.doTransaction(function(){
			askiaVista.display({
			"rows": [
				{
					"key": "3|8@27;@0",
					"shortcut": "Film that has really moved me"
				},
				{
					"key": "3|11@@0",
					"shortcut": "i2. Age"
				}
			],
			"columns": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|29@@0",
					"shortcut": "7. Type"
				}
			],
			"edges": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|12@@0",
					"shortcut": "i3. Profession"
				}
			],
					"containerId": "result1", 
		});
		askiaVista.display({
			"rows": [
				{
					"key": "3|8@27;@0",
					"shortcut": "Film that has really moved me"
				},
				{
					"key": "3|11@@0",
					"shortcut": "i2. Age"
				}
			],
			"columns": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|29@@0",
					"shortcut": "7. Type"
				}
			],
			"edges": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|12@@0",
					"shortcut": "i3. Profession"
				}
			],
			"containerId": "result2", 
		});
		askiaVista.display({
			"rows": [
				{
					"key": "3|8@27;@0",
					"shortcut": "Film that has really moved me"
				},
				{
					"key": "3|11@@0",
					"shortcut": "i2. Age"
				}
			],
			"columns": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|29@@0",
					"shortcut": "7. Type"
				}
			],
			"edges": [
				{
					"key": "3|10@@0",
					"shortcut": "i1. Gender"
				},
				{
					"key": "3|12@@0",
					"shortcut": "i3. Profession"
				}
			],
			"containerId": "result3", 
		});
		askiaVista.display({
			"rows": [
				{
					"key": "3|8@27;@0",
					"shortcut": "Film that has really moved me"
				},
				{
					"key": "3|11@@0",
					"shortcut":...