-
Notifications
You must be signed in to change notification settings - Fork 0
/
static_piechart using d3pie.org plugin.txt
117 lines (113 loc) · 1.81 KB
/
static_piechart using d3pie.org plugin.txt
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
//Code generated from 'd3pie.org' plugin
<html>
<head></head>
<body>
<div id="pieChart"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
<script src="d3pie.min.js"></script>
<script>
var pie = new d3pie("pieChart", {
"header": {
"title": {
"text": "Message Analytics",
"color": "#9f0909",
"fontSize": 28,
"font": "verdana"
},
"subtitle": {
"text": "As per Message Categories and Analysis",
"color": "#5f0202",
"fontSize": 10,
"font": "verdana"
},
"titleSubtitlePadding": 16
},
"footer": {
"color": "#999999",
"fontSize": 11,
"font": "open sans",
"location": "bottom-center"
},
"size": {
"canvasHeight": 400,
"canvasWidth": 590,
"pieInnerRadius": "20%",
"pieOuterRadius": "73%"
},
"data": {
"smallSegmentGrouping": {
"enabled": true
},
"content": [
{
"label": "Text",
"value": 60,
"color": "#7e3838"
},
{
"label": "Image",
"value": 20,
"color": "#7e5038"
},
{
"label": "Audio",
"value": 10,
"color": "#7e6838"
},
{
"label": "PDF",
"value": 10,
"color": "#787e38"
}
]
},
"labels": {
"outer": {
"pieDistance": 32
},
"inner": {
"format": "value"
},
"mainLabel": {
"font": "verdana"
},
"percentage": {
"color": "#e1e1e1",
"font": "verdana",
"decimalPlaces": 0
},
"value": {
"color": "#e1e1e1",
"font": "verdana"
},
"lines": {
"enabled": true,
"color": "#cccccc"
},
"truncation": {
"enabled": true
}
},
"effects": {
"pullOutSegmentOnClick": {
"effect": "linear",
"speed": 400,
"size": 8
}
},
"misc": {
"colors": {
"background": "#eeeeee",
"segmentStroke": "#271414"
},
"gradient": {
"enabled": true,
"percentage": 34,
"color": ""
}
},
"callbacks": {}
});
</script>
</body>
</html>