<!doctype html>
<html class="zc-html">
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style>
.zc-body {
background: #0C1D2E;
}
.chart--container {
height: 100%;
width: 100%;
min-height: 850px;
}
.zc-ref {
display: none;
}
</style>
</head>
<body class="zc-body">
<div id="myChart" class="chart--container">
<a href="https://www.zingchart.com/" rel="noopener" class="zc-ref">Powered by ZingChart</a>
</div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
var bgColorMain = '#0C1D2E';
var g1a = {
backgroundColor: bgColorMain,
type: 'null',
x: '4%',
y: '0%',
height: '20%',
width: '100%',
title: {
text: 'VIRTUAL VIOLENCE',
fontSize: 35,
fontColor: '#FFF',
align: 'left',
padding: '20 0 10 30'
},
subtitle: {
text: 'youth criminal activity and the rise of the video game',
fontSize: 12,
fontColor: '#FFF',
fontWeight: 'normal',
align: 'left',
padding: '30 0 0 35'
},
labels: [{
x: 520,
y: 30,
width: 20,
height: 10,
align: 'left',
marginLeft: 25,
backgroundColor: '#0092B6'
},
{
x: 545,
y: 25,
text: 'video game units sold<br>(in milions)',
fontSize: 10,
fontColor: '#FFF',
fontWeight: 'normal',
align: 'left'
},
{
x: 520,
y: 60,
width: 20,
height: 10,
align: 'left',
marginLeft: 25,
backgroundColor: '#E58A3D'
},
{
x: 545,
y: 55,
text: 'convicted violent crime offenders<br>between the ages of 12 and 18<br>(in thousands)',
fontSize: 10,
fontColor: '#FFF',
fontWeight: 'normal',
align: 'left'
}
]
};
var g1 = {
backgroundColor: bgColorMain,
height: '30%',
width: '40%',
x: '2%',
y: '10%',
type: 'hmixed',
plotarea: {
margin: '10 0 10 50'
},
scaleX2: {
lineWidth: 0,
item: {
visible: false
},
tick: {
visible: false
},
guide: {
visible: false
}
},
scaleY: {
minValue: 0,
maxvalue: 900,
step: 100,
mirrored: true,
lineWidth: 1,
lineColor: '#FFF',
item: {
fontColor: '#FFF',
fontSize: 11,
fontWeight: 'normal'
},
guide: {
lineColor: '#364250'
},
tick: {
visible: false
}
},
tooltip: {
text: '%node-value thousands'
},
plot: {
animation: {
effect: 3,
method: 0,
speed: 200,
sequence: 3
}
},
series: [{
type: 'hbar',
scales: 'scale-x-2,scale-y',
values: [null, 377, null, 436, 365, 371, 270, 467, 412, 610, 616, 705, 833],
backgroundColor: '#E58A3D',
barWidth: '3px',
valueBox: {
text: '%node-value',
placement: 'out',
fontColor: '#FFF',
fontSize: 10,
fontWeight: 'normal',
offsetX: -22
}
},
{
type: 'hscatter',
scales: 'scale-x-2,scale-y',
values: [
[1, 377],
[3, 436],
[4, 365],
[5, 371],
[6, 270],
[7, 467],
[8, 412],
[9, 610],
[10, 616],
[11, 705],
[12, 833]
],
marker: {
type: 'rectangle',
width: 17,
height: 7,
borderWidth: 0,
backgroundColor: '#E58A3D'
}
}
]
};
var g2 = {
backgroundColor: bgColorMain,
height: '30%',
width: '55%',
x: '42%',
y: '10%',
type: 'hmixed',
plotarea: {
margin: '10 50 10 0'
},
scaleX: {
labels: ['', '2007', '2006', '2005', '2004', '2003', '2002', '2001', '2000', '1999', '1998', '1997', '1996'],
maxItems: 999,
itemsOverlap: true,
lineWidth: 4,
lineColor: '#364250',
item: {
fontColor: '#FFF',
fontSize: 9,
fontWeight: 'normal',
offsetX: 18,
offsetY: 7
},
tick: {
visible: false
},
guide: {
visible: false
}
},
scaleY: {
minValue: 0,
maxvalue: 300,
step: 50,
lineWidth: 1,
lineColor: '#FFF',
item: {
fontColor: '#FFF',
fontSize: 11,
fontWeight: 'normal'
},
guide: {
lineColor: '#364250'
},
tick: {
visible: false
}
},
tooltip: {
text: '%node-value milions'
},
plot: {
animation: {
effect: 4,
method: 0,
speed: 200,
sequence: 3
}
},
series: [{
type: 'hbar',
values: [null, 267.8, 243.1, 217.1, 248.3, 239.6, 224.3, 200.7, 194.8, 183.2, 151.3, 107.1, 73.3],
backgroundColor: '#0092B6',
barWidth: '3px',
valueBox: {
text: '%node-value',
placement: 'out',
fontColor: '#FFF',
fontSize: 10,
fontWeight: 'normal',
offsetX: 25
}
},
{
type: 'hscatter',
values: [
[1, 267.8],
[2, 243.1],
[3, 217.1],
[4, 248.3],
[5, 239.6],
[6, 224.3],
[7, 200.7],
[8, 194.8],
[9, 183.2],
[10, 151.3],
[11, 107.1],
[12, 73.3]
],
marker: {
type: 'rectangle',
width: 17,
height: 7,
borderWidth: 0,
backgroundColor: '#0092B6'
}
}
]
};
var g3 = {
backgroundColor: bgColorMain,
height: '20%',
width: '50%',
x: '0%',
y: '43%',
type: 'pie',
title: {
text: 'FPS GAMES SOLD (2007)',
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 13,
paddingTop: 170,
paddingLeft: 40,
align: 'center'
},
plotarea: {
margin: '5 0 10 40'
},
scale: {
sizeFactor: 0.75
},
scaleR: {
refAngle: 320
},
plot: {
borderWidth: 0,
animation: {
effect: 2,
method: 0,
speed: 550,
sequence: 1
}
},
tooltip: {
text: '%node-value%',
fontColor: '#000'
},
series: [{
values: [11],
backgroundColor: '#0092B6',
valueBox: [{
text: 'shooter',
fontColor: '#0092B6',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
},
{
text: '%node-value%',
decimals: 0,
fontSize: 12,
fontColor: '#000'
}
]
},
{
values: [89],
backgroundColor: '#E58A3D',
valueBox: {
text: 'total',
fontColor: '#E58A3D',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
}
}
]
};
var g4 = {
backgroundColor: bgColorMain,
height: '20%',
width: '50%',
x: '50%',
y: '43%',
type: 'pie',
title: {
text: 'GAMES SALES BY RATING (2007)',
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 13,
paddingTop: 170,
paddingLeft: -60,
align: 'center'
},
plotarea: {
margin: '5 60 10 0'
},
scale: {
sizeFactor: 0.75
},
scaleR: {
refAngle: 270
},
plot: {
borderWidth: 0,
animation: {
effect: 2,
method: 0,
speed: 650,
sequence: 1
}
},
tooltip: {
text: '%node-value%',
fontColor: '#000'
},
series: [{
values: [15],
backgroundColor: '#7F2B80',
valueBox: [{
text: 'mature',
fontColor: '#7F2B80',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
},
{
text: '%node-value%',
decimals: 0,
fontSize: 12,
fontColor: '#000'
}
]
},
{
values: [45],
backgroundColor: '#FFF20D',
valueBox: [{
text: 'all ages',
fontColor: '#FFF20D',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
},
{
text: '%node-value%',
decimals: 0,
fontSize: 12,
fontColor: '#000'
}
]
},
{
values: [12],
backgroundColor: '#0092B6',
valueBox: [{
text: 'youth',
fontColor: '#0092B6',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
},
{
text: '%node-value%',
decimals: 0,
fontSize: 12,
fontColor: '#000'
}
]
},
{
values: [28],
backgroundColor: '#E58A3D',
valueBox: [{
text: 'teen',
fontColor: '#E58A3D',
fontSize: 11,
fontWeight: 'normal',
placement: 'out'
},
{
text: '%node-value%',
decimals: 0,
fontSize: 12,
fontColor: '#000'
}
]
}
]
};
var g5 = {
backgroundColor: bgColorMain,
height: '15%',
width: '40%',
x: '10%',
y: '67%',
type: 'hbar',
title: {
text: 'THE FIVE BEST SELLING VIDEO GAMES OF ALL<br>TIME ARE <span style="color:#0092B6">NON-VIOLENT</span> AND INCLUDE',
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 12,
paddingTop: 10,
align: 'left'
},
plotarea: {
margin: '50 10 10 120'
},
plot: {
barWidth: '90%',
valueBox: {
text: '%node-valueM',
fontSize: 10,
fontWeight: 'normal',
fontColor: '#FFF'
},
animation: {
effect: 4,
method: 0,
speed: 400,
sequence: 3
}
},
tooltip: {
text: '%node-value million'
},
scaleX: {
values: ['FIFA SOCCER', 'THE SIMS', 'TETRIS', 'POKEMON', 'SUPER MARIO BROTHERS'],
lineWidth: 0,
itemsOverlap: true,
item: {
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 9
},
guide: {
visible: false
},
tick: {
visible: false
}
},
scaleY: {
lineWidth: 0,
item: {
visible: false
},
guide: {
visible: false
},
tick: {
visible: false
}
},
series: [{
values: [100, 125, 125, 207, 240],
backgroundColor: '#0092B6'
}]
};
var g6 = {
backgroundColor: bgColorMain,
height: '15%',
width: '40%',
x: '54%',
y: '67%',
type: 'hbar',
title: {
text: 'THE FIVE MOST POPULAR <span style="color:#E58A3D">VIOLENT</span> VIDEO<br>GAMES HAVE FAR LOWER SALES NUMBER',
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 12,
paddingTop: 10,
align: 'left'
},
plotarea: {
margin: '50 50 10 104'
},
plot: {
barWidth: '90%',
valueBox: {
text: '%node-valueM',
fontSize: 10,
fontWeight: 'normal',
fontColor: '#FFF'
},
animation: {
effect: 4,
method: 0,
speed: 600,
sequence: 3
}
},
tooltip: {
text: '%node-value million'
},
scaleX: {
values: ['DEAD OR ALIVE', 'GOD OF WAR', 'GEARS OF WAR', 'HALO', 'GRAND THEFT AUTO'],
lineWidth: 0,
itemsOverlap: true,
item: {
fontColor: '#FFF',
fontWeight: 'normal',
fontSize: 9
},
guide: {
visible: false
},
tick: {
visible: false
}
},
scaleY: {
lineWidth: 0,
item: {
visible: false
},
guide: {
visible: false
},
tick: {
visible: false
}
},
series: [{
values: [7.5, 9, 11, 30, 70],
backgroundColor: '#E58A3D'
}]
};
var g7 = {
backgroundColor: bgColorMain,
height: '17%',
width: '90%',
x: '4%',
y: '83%',
type: null,
source: {
fontWeight: 'normal',
padding: '0 0 5 45',
color: '#fff',
align: 'left',
text: 'Inspired by https://karelsd.wordpress.com/2014/04/25/week-13-videogames/',
url: 'https://karelsd.wordpress.com/2014/04/25/week-13-videogames/',
target: 'blank_'
},
labels: [{
text: 'There is no question that video games are one of the most influential<br>forms of entertainment in the modern world. They have surpassed both<br>the film and music industries in both unit sales and profits. Games have<br>become a staple of popular culture, with characters such as Mario,<br>PacMan and Sonic The Hedgehog invading the conciousness of youth<br>across the world. In 2010, over 67% of households in United States<br>of America play computer or video games. However, due to their<br>interactive capabilities, games are often blamed for inspiring violence in<br>youth across the nation. Incidences such as the Columbine school<br>shootings, and the most recent Tucson assassinations have been blamed<br>on the influence of violent games; however, statistics tell a different story.',
fontSize: 9,
fontColor: '#FFF',
fontWeight: 'normal',
align: 'left',
paddingLeft: 45
},
{
x: 400,
text: '91%',
fontSize: 18,
fontColor: '#0092B6',
fontWeight: 'bold',
align: 'left'
},
{
x: 450,
text: 'of parents are present at the time of<br>game purchase or rental',
fontSize: 11,
fontColor: '#0092B6',
fontWeight: 'normal',
align: 'left'
},
{
x: 400,
y: 32,
text: '86%',
fontSize: 18,
fontColor: '#E58A3D',
fontWeight: 'bold',
align: 'left'
},
{
x: 450,
y: 32,
text: 'of children receive parental permission<br>before purchasing or renting a game',
fontSize: 11,
fontColor: '#E58A3D',
fontWeight: 'normal',
align: 'left'
},
{
x: 400,
y: 62,
text: '90%',
fontSize: 18,
fontColor: '#FFF20D',
fontWeight: 'bold',
align: 'left'
},
{
x: 450,
y: 62,
text: 'of parents monitor their children during<br>video game play',
fontSize: 11,
fontColor: '#FFF20D',
fontWeight: 'normal',
align: 'left'
},
{
x: 400,
y: 92,
text: '55%',
fontSize: 18,
fontColor: '#7F2B80',
fontWeight: 'bold',
align: 'left'
},
{
x: 450,
y: 92,
text: 'of parents believe video games are a<br>positive experience',
fontSize: 11,
fontColor: '#7F2B80',
fontWeight: 'normal',
align: 'left'
}
]
}
var chartJSON = {
backgroundColor: bgColorMain,
graphset: [g1a, g1, g2, g3, g4, g5, g6, g7]
};
zingchart.render({
id: 'myChart',
height: '100%',
width: '100%',
data: chartJSON
});
</script>
</body>
</html>
var bgColorMain = '#0C1D2E';
var g1a = {
backgroundColor : bgColorMain,
type : 'null',
x : '4%',
y : '0%',
height : '20%',
width : '100%',
title : {
text : 'VIRTUAL VIOLENCE',
fontSize : 35,
fontColor : '#FFF',
align : 'left',
padding : '20 0 10 30'
},
subtitle : {
text : 'youth criminal activity and the rise of the video game',
fontSize : 12,
fontColor : '#FFF',
fontWeight : 'normal',
align : 'left',
padding : '30 0 0 35'
},
labels : [
{
x : 520,
y : 30,
width : 20,
height : 10,
align : 'left',
marginLeft : 25,
backgroundColor : '#0092B6'
},
{
x : 545,
y : 25,
text : 'video game units sold<br>(in milions)',
fontSize : 10,
fontColor : '#FFF',
fontWeight : 'normal',
align : 'left'
},
{
x : 520,
y : 60,
width : 20,
height : 10,
align : 'left',
marginLeft : 25,
backgroundColor : '#E58A3D'
},
{
x : 545,
y : 55,
text : 'convicted violent crime offenders<br>between the ages of 12 and 18<br>(in thousands)',
fontSize : 10,
fontColor : '#FFF',
fontWeight : 'normal',
align : 'left'
}
]
};
var g1 = {
backgroundColor : bgColorMain,
height : '30%',
width : '40%',
x : '2%',
y : '10%',
type : 'hmixed',
plotarea : {
margin : '10 0 10 50'
},
scaleX2 : {
lineWidth : 0,
item : {
visible : false
},
tick : {
visible : false
},
guide : {
visible : false
}
},
scaleY : {
minValue : 0,
maxvalue : 900,
step : 100,
mirrored : true,
lineWidth : 1,
lineColor : '#FFF',
item : {
fontColor : '#FFF',
fontSize : 11,
fontWeight : 'normal'
},
guide : {
lineColor : '#364250'
},
tick : {
visible : false
}
},
tooltip : {
text : '%node-value thousands'
},
plot : {
animation : {
effect : 3,
method : 0,
speed : 200,
sequence : 3
}
},
series : [
{
type : 'hbar',
scales : 'scale-x-2,scale-y',
values : [null, 377, null, 436, 365, 371, 270, 467, 412, 610, 616, 705, 833],
backgroundColor : '#E58A3D',
barWidth : '3px',
valueBox : {
text : '%node-value',
placement : 'out',
fontColor : '#FFF',
fontSize : 10,
fontWeight : 'normal',
offsetX : -22
}
},
{
type : 'hscatter',
scales : 'scale-x-2,scale-y',
values : [[1,377], [3,436], [4,365], [5,371], [6,270], [7,467], [8,412], [9,610], [10,616], [11,705], [12,833]],
marker : {
type : 'rectangle',
width : 17,
height : 7,
borderWidth : 0,
backgroundColor : '#E58A3D'
}
}
]
};
var g2 = {
backgroundColor : bgColorMain,
height : '30%',
width : '55%',
x : '42%',
y : '10%',
type : 'hmixed',
plotarea : {
margin : '10 50 10 0'
},
scaleX : {
labels : ['', '2007','2006','2005','2004','2003','2002','2001','2000','1999','1998','1997','1996'],
maxItems : 999,
itemsOverlap : true,
lineWidth : 4,
lineColor : '#364250',
item : {
fontColor : '#FFF',
fontSize : 9,
fontWeight : 'normal',
offsetX : 18,
offsetY : 7
},
tick : {
visible : false
},
guide : {
visible : false
}
},
scaleY : {
minValue : 0,
maxvalue : 300,
step : 50,
lineWidth : 1,
lineColor : '#FFF',
item : {
fontColor : '#FFF',
fontSize : 11,
fontWeight : 'normal'
},
guide : {
lineColor : '#364250'
},
tick : {
visible : false
}
},
tooltip : {
text : '%node-value milions'
},
plot : {
animation : {
effect : 4,
method : 0,
speed : 200,
sequence : 3
}
},
series : [
{
type : 'hbar',
values : [null, 267.8, 243.1, 217.1, 248.3, 239.6, 224.3, 200.7, 194.8, 183.2, 151.3, 107.1, 73.3],
backgroundColor : '#0092B6',
barWidth : '3px',
valueBox : {
text : '%node-value',
placement : 'out',
fontColor : '#FFF',
fontSize : 10,
fontWeight : 'normal',
offsetX : 25
}
},
{
type : 'hscatter',
values : [[1,267.8], [2,243.1], [3,217.1], [4,248.3], [5,239.6], [6,224.3], [7,200.7], [8,194.8], [9,183.2], [10,151.3], [11,107.1], [12,73.3]],
marker : {
type : 'rectangle',
width : 17,
height : 7,
borderWidth : 0,
backgroundColor : '#0092B6'
}
}
]
};
var g3 = {
backgroundColor : bgColorMain,
height : '20%',
width : '50%',
x : '0%',
y : '43%',
type : 'pie',
title : {
text : 'FPS GAMES SOLD (2007)',
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 13,
paddingTop : 170,
paddingLeft : 40,
align : 'center'
},
plotarea : {
margin : '5 0 10 40'
},
scale : {
sizeFactor : 0.75
},
scaleR : {
refAngle : 320
},
plot : {
borderWidth : 0,
animation : {
effect : 2,
method : 0,
speed : 550,
sequence : 1
}
},
tooltip : {
text : '%node-value%',
fontColor : '#000'
},
series : [
{
values : [11],
backgroundColor : '#0092B6',
valueBox : [
{
text : 'shooter',
fontColor : '#0092B6',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
},
{
text : '%node-value%',
decimals : 0,
fontSize : 12,
fontColor : '#000'
}
]
},
{
values : [89],
backgroundColor : '#E58A3D',
valueBox : {
text : 'total',
fontColor : '#E58A3D',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
}
}
]
};
var g4 = {
backgroundColor : bgColorMain,
height : '20%',
width : '50%',
x : '50%',
y : '43%',
type : 'pie',
title : {
text : 'GAMES SALES BY RATING (2007)',
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 13,
paddingTop : 170,
paddingLeft : -60,
align : 'center'
},
plotarea : {
margin : '5 60 10 0'
},
scale : {
sizeFactor : 0.75
},
scaleR : {
refAngle : 270
},
plot : {
borderWidth : 0,
animation : {
effect : 2,
method : 0,
speed : 650,
sequence : 1
}
},
tooltip : {
text : '%node-value%',
fontColor : '#000'
},
series : [
{
values : [15],
backgroundColor : '#7F2B80',
valueBox : [
{
text : 'mature',
fontColor : '#7F2B80',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
},
{
text : '%node-value%',
decimals : 0,
fontSize : 12,
fontColor : '#000'
}
]
},
{
values : [45],
backgroundColor : '#FFF20D',
valueBox : [
{
text : 'all ages',
fontColor : '#FFF20D',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
},
{
text : '%node-value%',
decimals : 0,
fontSize : 12,
fontColor : '#000'
}
]
},
{
values : [12],
backgroundColor : '#0092B6',
valueBox : [
{
text : 'youth',
fontColor : '#0092B6',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
},
{
text : '%node-value%',
decimals : 0,
fontSize : 12,
fontColor : '#000'
}
]
},
{
values : [28],
backgroundColor : '#E58A3D',
valueBox : [
{
text : 'teen',
fontColor : '#E58A3D',
fontSize : 11,
fontWeight : 'normal',
placement : 'out'
},
{
text : '%node-value%',
decimals : 0,
fontSize : 12,
fontColor : '#000'
}
]
}
]
};
var g5 = {
backgroundColor : bgColorMain,
height : '15%',
width : '40%',
x : '10%',
y : '67%',
type : 'hbar',
title : {
text : 'THE FIVE BEST SELLING VIDEO GAMES OF ALL<br>TIME ARE <span style="color:#0092B6">NON-VIOLENT</span> AND INCLUDE',
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 12,
paddingTop : 10,
align : 'left'
},
plotarea : {
margin : '50 10 10 120'
},
plot : {
barWidth : '90%',
valueBox : {
text : '%node-valueM',
fontSize : 10,
fontWeight : 'normal',
fontColor : '#FFF'
},
animation : {
effect : 4,
method : 0,
speed : 400,
sequence : 3
}
},
tooltip : {
text : '%node-value million'
},
scaleX : {
values : ['FIFA SOCCER','THE SIMS','TETRIS','POKEMON','SUPER MARIO BROTHERS'],
lineWidth : 0,
itemsOverlap : true,
item : {
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 9
},
guide : {
visible : false
},
tick : {
visible : false
}
},
scaleY : {
lineWidth : 0,
item : {
visible : false
},
guide : {
visible : false
},
tick : {
visible : false
}
},
series : [
{
values : [100, 125, 125, 207, 240],
backgroundColor : '#0092B6'
}
]
};
var g6 = {
backgroundColor : bgColorMain,
height : '15%',
width : '40%',
x : '54%',
y : '67%',
type : 'hbar',
title : {
text : 'THE FIVE MOST POPULAR <span style="color:#E58A3D">VIOLENT</span> VIDEO<br>GAMES HAVE FAR LOWER SALES NUMBER',
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 12,
paddingTop : 10,
align : 'left'
},
plotarea : {
margin : '50 50 10 104'
},
plot : {
barWidth : '90%',
valueBox : {
text : '%node-valueM',
fontSize : 10,
fontWeight : 'normal',
fontColor : '#FFF'
},
animation : {
effect : 4,
method : 0,
speed : 600,
sequence : 3
}
},
tooltip : {
text : '%node-value million'
},
scaleX : {
values : ['DEAD OR ALIVE','GOD OF WAR','GEARS OF WAR','HALO','GRAND THEFT AUTO'],
lineWidth : 0,
itemsOverlap : true,
item : {
fontColor : '#FFF',
fontWeight : 'normal',
fontSize : 9
},
guide : {
visible : false
},
tick : {
visible : false
}
},
scaleY : {
lineWidth : 0,
item : {
visible : false
},
guide : {
visible : false
},
tick : {
visible : false
}
},
series : [
{
values : [7.5, 9, 11, 30, 70],
backgroundColor : '#E58A3D'
}
]
};
var g7 = {
backgroundColor : bgColorMain,
height : '17%',
width : '90%',
x : '4%',
y : '83%',
type : null,
source : {
fontWeight : 'normal',
padding : '0 0 5 45',
color : '#fff',
align : 'left',
text : 'Inspired by https://karelsd.wordpress.com/2014/04/25/week-13-videogames/',
url : 'https://karelsd.wordpress.com/2014/04/25/week-13-videogames/',
target : 'blank_'
},
labels : [
{
text : 'There is no question that video games are one of the most influential<br>forms of entertainment in the modern world. They have surpassed both<br>the film and music industries in both unit sales and profits. Games have<br>become a staple of popular culture, with characters such as Mario,<br>PacMan and Sonic The Hedgehog invading the conciousness of youth<br>across the world. In 2010, over 67% of households in United States<br>of America play computer or video games. However, due to their<br>interactive capabilities, games are often blamed for inspiring violence in<br>youth across the nation. Incidences such as the Columbine school<br>shootings, and the most recent Tucson assassinations have been blamed<br>on the influence of violent games; however, statistics tell a different story.',
fontSize : 9,
fontColor : '#FFF',
fontWeight : 'normal',
align : 'left',
paddingLeft : 45
},
{
x : 400,
text : '91%',
fontSize : 18,
fontColor : '#0092B6',
fontWeight : 'bold',
align : 'left'
},
{
x : 450,
text : 'of parents are present at the time of<br>game purchase or rental',
fontSize : 11,
fontColor : '#0092B6',
fontWeight : 'normal',
align : 'left'
},
{
x : 400,
y : 32,
text : '86%',
fontSize : 18,
fontColor : '#E58A3D',
fontWeight : 'bold',
align : 'left'
},
{
x : 450,
y : 32,
text : 'of children receive parental permission<br>before purchasing or renting a game',
fontSize : 11,
fontColor : '#E58A3D',
fontWeight : 'normal',
align : 'left'
},
{
x : 400,
y : 62,
text : '90%',
fontSize : 18,
fontColor : '#FFF20D',
fontWeight : 'bold',
align : 'left'
},
{
x : 450,
y : 62,
text : 'of parents monitor their children during<br>video game play',
fontSize : 11,
fontColor : '#FFF20D',
fontWeight : 'normal',
align : 'left'
},
{
x : 400,
y : 92,
text : '55%',
fontSize : 18,
fontColor : '#7F2B80',
fontWeight : 'bold',
align : 'left'
},
{
x : 450,
y : 92,
text : 'of parents believe video games are a<br>positive experience',
fontSize : 11,
fontColor : '#7F2B80',
fontWeight : 'normal',
align : 'left'
}
]
}
var chartJSON = {
backgroundColor : bgColorMain,
graphset : [g1a, g1, g2, g3, g4, g5, g6, g7]
};
zingchart.render({
id : 'myChart',
height: '100%',
width: '100%',
data : chartJSON
});