-
Notifications
You must be signed in to change notification settings - Fork 3
/
viz4.html
94 lines (85 loc) · 3.14 KB
/
viz4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<html>
<head>
<title>Viz 3</title>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=56"></script>
<script type="text/javascript">
// Sentiment analysis visualization
// Showing sentiment score for each video (Positive, Neutral, Negative) - with different colors
// Sliding bar chart functionality
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'doughnut3d',
renderAt: 'chart-container',
width: '900',
height: '600',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Sentiment Analysis Visualization - Pie Chart",
"subCaption": "Total of All Selected Videos\n\n* Notice: click 'Negative/Neutral/Positive' in the buttom to see special effect *",
"numberPrefix": "$",
"paletteColors": "#0075c2, #f2c500, #f45b00",
"bgColor": "#ffffff",
"showBorder": "0",
"use3DLighting": "1",
"showShadow": "1",
"enableSmartLabels": "0",
"startingAngle": "310",
"showLabels": "1",
"showPercentValues": "1",
"showLegend": "1",
"legendShadow": "1",
"legendBorderAlpha": "1",
"decimals": "0",
"captionFontSize": "14",
"subcaptionFontSize": "14",
"subcaptionFontBold": "0",
"toolTipColor": "#ffffff",
"toolTipBorderThickness": "0",
"toolTipBgColor": "#000000",
"toolTipBgAlpha": "80",
"toolTipBorderRadius": "2",
"toolTipPadding": "5",
},
"data": [
{
"label": "Negative Videos",
"value": "14"
},
{
"label": "Neutral Videos",
"value": "12"
},
{
"label": "Positive Videos",
"value": "74"
}
]
}
}).render();
});
</script>
<style>
div, canvas {
color: white;
}
#nokey {
z-index:-99;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
}
</style>
</head>
<body bgColor="black">
<div id="chart-container" align="center">FusionCharts XT will load here!</div>
<br>
<div id="chart-container" align="center">* If no viz shows here, this means your Chrome browser blocked our js, plz click the rightmost *shield icon* of browser's address input bar, then select "Load unsafe scripts". (btw it used js-online, not js unsafe)</div>
<canvas id="nokey" width="20" height="20">If Empty, Means Your Browser Don't Support Canvas. Please Use Chrome Browser ^_^``</canvas>
<script src="javascripts/index2_line.js"> </script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>