asciinurse 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +11 -0
- data/.idea/.name +1 -0
- data/.idea/.rakeTasks +7 -0
- data/.idea/asciinurse.iml +35 -0
- data/.idea/compiler.xml +22 -0
- data/.idea/copyright/profiles_settings.xml +3 -0
- data/.idea/misc.xml +14 -0
- data/.idea/modules.xml +8 -0
- data/.idea/uiDesigner.xml +124 -0
- data/.idea/vcs.xml +6 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.adoc +127 -0
- data/Rakefile +2 -0
- data/asciinurse.gemspec +26 -0
- data/config/asciinurse.yml +22 -0
- data/examples/charts/browsers-googlecharts.json +21 -0
- data/examples/charts/browsers-highcharts.json +64 -0
- data/examples/charts/browsers.csv +7 -0
- data/examples/charts/googlecharts.adoc +83 -0
- data/examples/charts/googlecharts.html +652 -0
- data/examples/charts/googlecharts.pdf +0 -0
- data/examples/charts/highcharts.adoc +83 -0
- data/examples/charts/highcharts.html +1126 -0
- data/examples/charts/highcharts.pdf +0 -0
- data/examples/charts/indicators.csv +13 -0
- data/examples/convert.rb +10 -0
- data/i18n/en_US.yml +12 -0
- data/i18n/pt_BR.yml +12 -0
- data/lib/asciinurse.rb +76 -0
- data/lib/asciinurse/extensions/charts/chart_data.rb +57 -0
- data/lib/asciinurse/extensions/charts/extension.rb +124 -0
- data/lib/asciinurse/version.rb +3 -0
- data/resources/googlecharts/converter/googlecharts-convert.js +25 -0
- data/resources/googlecharts/converter/template.html +24 -0
- data/resources/googlecharts/javascripts/global.js +8 -0
- data/resources/googlecharts/templates/chart.html.erb +6 -0
- data/resources/googlecharts/templates/charts/bar.json.erb +22 -0
- data/resources/googlecharts/templates/charts/column.json.erb +22 -0
- data/resources/googlecharts/templates/charts/donut.json.erb +14 -0
- data/resources/googlecharts/templates/charts/line.json.erb +13 -0
- data/resources/googlecharts/templates/charts/pie.json.erb +13 -0
- data/resources/highcharts/converter/broken-axis.js +6 -0
- data/resources/highcharts/converter/data.js +26 -0
- data/resources/highcharts/converter/drilldown.js +17 -0
- data/resources/highcharts/converter/funnel.js +13 -0
- data/resources/highcharts/converter/heatmap.js +23 -0
- data/resources/highcharts/converter/highcharts-3d.js +46 -0
- data/resources/highcharts/converter/highcharts-convert.js +620 -0
- data/resources/highcharts/converter/highcharts-more.js +54 -0
- data/resources/highcharts/converter/highcharts.js +325 -0
- data/resources/highcharts/converter/highmaps.js +353 -0
- data/resources/highcharts/converter/jquery.1.9.1.min.js +5 -0
- data/resources/highcharts/converter/map.js +56 -0
- data/resources/highcharts/converter/no-data-to-display.js +12 -0
- data/resources/highcharts/converter/solid-gauge.js +14 -0
- data/resources/highcharts/converter/treemap.js +30 -0
- data/resources/highcharts/javascripts/global.js +6 -0
- data/resources/highcharts/javascripts/highcharts.min.js +325 -0
- data/resources/highcharts/javascripts/jquery.min.js +4 -0
- data/resources/highcharts/templates/chart.html.erb +6 -0
- data/resources/highcharts/templates/charts/generic.json.erb +15 -0
- data/resources/highcharts/templates/charts/pie.json.erb +45 -0
- metadata +163 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
type: google.visualization.PieChart,
|
|
3
|
+
data: google.visualization.arrayToDataTable([
|
|
4
|
+
["Browser"," Brands"],
|
|
5
|
+
["Internet Explorer",56.33],
|
|
6
|
+
["Chrome",24.03],
|
|
7
|
+
["Firefox",10.38],
|
|
8
|
+
["Safari",4.77],
|
|
9
|
+
["Opera",0.91],
|
|
10
|
+
["Unknown",0.2]
|
|
11
|
+
]),
|
|
12
|
+
options: {
|
|
13
|
+
chart: {
|
|
14
|
+
title: "Inline Chart"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
style: {
|
|
18
|
+
width: "100%",
|
|
19
|
+
height: "600px"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{
|
|
2
|
+
credits: {
|
|
3
|
+
enabled: false
|
|
4
|
+
},
|
|
5
|
+
chart: {
|
|
6
|
+
plotBackgroundColor: null,
|
|
7
|
+
plotBorderWidth: null,
|
|
8
|
+
plotShadow: false,
|
|
9
|
+
type: 'pie'
|
|
10
|
+
},
|
|
11
|
+
title: {
|
|
12
|
+
text: 'Browser market shares January, 2015 to May, 2015'
|
|
13
|
+
},
|
|
14
|
+
tooltip: {
|
|
15
|
+
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
16
|
+
},
|
|
17
|
+
plotOptions: {
|
|
18
|
+
pie: {
|
|
19
|
+
allowPointSelect: true,
|
|
20
|
+
cursor: 'pointer',
|
|
21
|
+
dataLabels: {
|
|
22
|
+
enabled: true,
|
|
23
|
+
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
|
|
24
|
+
style: {
|
|
25
|
+
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
series: [
|
|
31
|
+
{
|
|
32
|
+
name: "Brands",
|
|
33
|
+
colorByPoint: true,
|
|
34
|
+
data: [
|
|
35
|
+
{
|
|
36
|
+
name: "Microsoft Internet Explorer",
|
|
37
|
+
y: 56.33
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
name: "Chrome",
|
|
41
|
+
y: 24.03,
|
|
42
|
+
sliced: true,
|
|
43
|
+
selected: true
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: "Firefox",
|
|
47
|
+
y: 10.38
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: "Safari",
|
|
51
|
+
y: 4.77
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
name: "Opera",
|
|
55
|
+
y: 0.91
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
name: "Proprietary or Undetectable",
|
|
59
|
+
y: 0.2
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
]
|
|
64
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
= Asciinurse Charts Examples (Google Charts Engine)
|
|
2
|
+
:charts: googlecharts
|
|
3
|
+
|
|
4
|
+
[NOTE]
|
|
5
|
+
====
|
|
6
|
+
Modify this examples and convert this file using `ruby convert.rb`
|
|
7
|
+
====
|
|
8
|
+
|
|
9
|
+
== JSON Config File
|
|
10
|
+
|
|
11
|
+
[source,adoc]
|
|
12
|
+
----
|
|
13
|
+
chart::browsers-googlecharts.json[]
|
|
14
|
+
----
|
|
15
|
+
|
|
16
|
+
chart::browsers-googlecharts.json[]
|
|
17
|
+
|
|
18
|
+
== CSV Files
|
|
19
|
+
|
|
20
|
+
[source,adoc]
|
|
21
|
+
----
|
|
22
|
+
.Browser market shares January, 2015 to May, 2015
|
|
23
|
+
chart::browsers.csv[type=pie]
|
|
24
|
+
----
|
|
25
|
+
|
|
26
|
+
.Browser market shares January, 2015 to May, 2015
|
|
27
|
+
chart::browsers.csv[type=pie]
|
|
28
|
+
|
|
29
|
+
[source,adoc]
|
|
30
|
+
----
|
|
31
|
+
.Bar Chart
|
|
32
|
+
chart::indicators.csv[type=bar]
|
|
33
|
+
----
|
|
34
|
+
|
|
35
|
+
.Bar Chart
|
|
36
|
+
chart::indicators.csv[type=bar]
|
|
37
|
+
|
|
38
|
+
[source,adoc]
|
|
39
|
+
----
|
|
40
|
+
.Column Chart
|
|
41
|
+
chart::indicators.csv[type=column]
|
|
42
|
+
----
|
|
43
|
+
|
|
44
|
+
.Column Chart
|
|
45
|
+
chart::indicators.csv[type=column]
|
|
46
|
+
|
|
47
|
+
[source,adoc]
|
|
48
|
+
----
|
|
49
|
+
.Line Chart
|
|
50
|
+
chart::indicators.csv[type=line]
|
|
51
|
+
----
|
|
52
|
+
|
|
53
|
+
.Line Chart
|
|
54
|
+
chart::indicators.csv[type=line]
|
|
55
|
+
|
|
56
|
+
== CSV Inline
|
|
57
|
+
|
|
58
|
+
[source,adoc]
|
|
59
|
+
----
|
|
60
|
+
.Inline Chart
|
|
61
|
+
[chart,pie]
|
|
62
|
+
....
|
|
63
|
+
Browser, Brands
|
|
64
|
+
Internet Explorer, 56.33
|
|
65
|
+
Chrome, 24.03
|
|
66
|
+
Firefox, 10.38
|
|
67
|
+
Safari, 4.77
|
|
68
|
+
Opera, 0.91
|
|
69
|
+
Unknown, 0.2
|
|
70
|
+
....
|
|
71
|
+
----
|
|
72
|
+
|
|
73
|
+
.Inline Chart
|
|
74
|
+
[chart,pie]
|
|
75
|
+
....
|
|
76
|
+
Browser, Brands
|
|
77
|
+
Internet Explorer, 56.33
|
|
78
|
+
Chrome, 24.03
|
|
79
|
+
Firefox, 10.38
|
|
80
|
+
Safari, 4.77
|
|
81
|
+
Opera, 0.91
|
|
82
|
+
Unknown, 0.2
|
|
83
|
+
....
|
|
@@ -0,0 +1,652 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<meta name="generator" content="Asciidoctor 1.5.2">
|
|
8
|
+
<title>Asciinurse Charts Examples (Google Charts Engine)</title>
|
|
9
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400">
|
|
10
|
+
<style>
|
|
11
|
+
/* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
|
|
12
|
+
/* Remove the comments around the @import statement below when using this as a custom stylesheet */
|
|
13
|
+
/*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400";*/
|
|
14
|
+
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
|
|
15
|
+
audio,canvas,video{display:inline-block}
|
|
16
|
+
audio:not([controls]){display:none;height:0}
|
|
17
|
+
[hidden],template{display:none}
|
|
18
|
+
script{display:none!important}
|
|
19
|
+
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
|
|
20
|
+
body{margin:0}
|
|
21
|
+
a{background:transparent}
|
|
22
|
+
a:focus{outline:thin dotted}
|
|
23
|
+
a:active,a:hover{outline:0}
|
|
24
|
+
h1{font-size:2em;margin:.67em 0}
|
|
25
|
+
abbr[title]{border-bottom:1px dotted}
|
|
26
|
+
b,strong{font-weight:bold}
|
|
27
|
+
dfn{font-style:italic}
|
|
28
|
+
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
|
|
29
|
+
mark{background:#ff0;color:#000}
|
|
30
|
+
code,kbd,pre,samp{font-family:monospace;font-size:1em}
|
|
31
|
+
pre{white-space:pre-wrap}
|
|
32
|
+
q{quotes:"\201C" "\201D" "\2018" "\2019"}
|
|
33
|
+
small{font-size:80%}
|
|
34
|
+
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
|
|
35
|
+
sup{top:-.5em}
|
|
36
|
+
sub{bottom:-.25em}
|
|
37
|
+
img{border:0}
|
|
38
|
+
svg:not(:root){overflow:hidden}
|
|
39
|
+
figure{margin:0}
|
|
40
|
+
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
|
|
41
|
+
legend{border:0;padding:0}
|
|
42
|
+
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
|
|
43
|
+
button,input{line-height:normal}
|
|
44
|
+
button,select{text-transform:none}
|
|
45
|
+
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
|
|
46
|
+
button[disabled],html input[disabled]{cursor:default}
|
|
47
|
+
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
|
|
48
|
+
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
|
|
49
|
+
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
|
|
50
|
+
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
|
|
51
|
+
textarea{overflow:auto;vertical-align:top}
|
|
52
|
+
table{border-collapse:collapse;border-spacing:0}
|
|
53
|
+
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
54
|
+
html,body{font-size:100%}
|
|
55
|
+
body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:auto}
|
|
56
|
+
a:hover{cursor:pointer}
|
|
57
|
+
img,object,embed{max-width:100%;height:auto}
|
|
58
|
+
object,embed{height:100%}
|
|
59
|
+
img{-ms-interpolation-mode:bicubic}
|
|
60
|
+
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none!important}
|
|
61
|
+
.left{float:left!important}
|
|
62
|
+
.right{float:right!important}
|
|
63
|
+
.text-left{text-align:left!important}
|
|
64
|
+
.text-right{text-align:right!important}
|
|
65
|
+
.text-center{text-align:center!important}
|
|
66
|
+
.text-justify{text-align:justify!important}
|
|
67
|
+
.hide{display:none}
|
|
68
|
+
.antialiased,body{-webkit-font-smoothing:antialiased}
|
|
69
|
+
img{display:inline-block;vertical-align:middle}
|
|
70
|
+
textarea{height:auto;min-height:50px}
|
|
71
|
+
select{width:100%}
|
|
72
|
+
p.lead,.paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{font-size:1.21875em;line-height:1.6}
|
|
73
|
+
.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
|
|
74
|
+
div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;direction:ltr}
|
|
75
|
+
a{color:#2156a5;text-decoration:underline;line-height:inherit}
|
|
76
|
+
a:hover,a:focus{color:#1d4b8f}
|
|
77
|
+
a img{border:none}
|
|
78
|
+
p{font-family:inherit;font-weight:400;font-size:1em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
|
|
79
|
+
p aside{font-size:.875em;line-height:1.35;font-style:italic}
|
|
80
|
+
h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
|
|
81
|
+
h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
|
|
82
|
+
h1{font-size:2.125em}
|
|
83
|
+
h2{font-size:1.6875em}
|
|
84
|
+
h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
|
|
85
|
+
h4,h5{font-size:1.125em}
|
|
86
|
+
h6{font-size:1em}
|
|
87
|
+
hr{border:solid #ddddd8;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}
|
|
88
|
+
em,i{font-style:italic;line-height:inherit}
|
|
89
|
+
strong,b{font-weight:bold;line-height:inherit}
|
|
90
|
+
small{font-size:60%;line-height:inherit}
|
|
91
|
+
code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
|
|
92
|
+
ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
|
|
93
|
+
ul,ol,ul.no-bullet,ol.no-bullet{margin-left:1.5em}
|
|
94
|
+
ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em}
|
|
95
|
+
ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}
|
|
96
|
+
ul.square{list-style-type:square}
|
|
97
|
+
ul.circle{list-style-type:circle}
|
|
98
|
+
ul.disc{list-style-type:disc}
|
|
99
|
+
ul.no-bullet{list-style:none}
|
|
100
|
+
ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
|
|
101
|
+
dl dt{margin-bottom:.3125em;font-weight:bold}
|
|
102
|
+
dl dd{margin-bottom:1.25em}
|
|
103
|
+
abbr,acronym{text-transform:uppercase;font-size:90%;color:rgba(0,0,0,.8);border-bottom:1px dotted #ddd;cursor:help}
|
|
104
|
+
abbr{text-transform:none}
|
|
105
|
+
blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
|
|
106
|
+
blockquote cite{display:block;font-size:.9375em;color:rgba(0,0,0,.6)}
|
|
107
|
+
blockquote cite:before{content:"\2014 \0020"}
|
|
108
|
+
blockquote cite a,blockquote cite a:visited{color:rgba(0,0,0,.6)}
|
|
109
|
+
blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
|
|
110
|
+
@media only screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
|
|
111
|
+
h1{font-size:2.75em}
|
|
112
|
+
h2{font-size:2.3125em}
|
|
113
|
+
h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
|
|
114
|
+
h4{font-size:1.4375em}}table{background:#fff;margin-bottom:1.25em;border:solid 1px #dedede}
|
|
115
|
+
table thead,table tfoot{background:#f7f8f7;font-weight:bold}
|
|
116
|
+
table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
|
|
117
|
+
table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
|
|
118
|
+
table tr.even,table tr.alt,table tr:nth-of-type(even){background:#f8f8f7}
|
|
119
|
+
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;line-height:1.6}
|
|
120
|
+
h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
|
|
121
|
+
h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
|
|
122
|
+
.clearfix:before,.clearfix:after,.float-group:before,.float-group:after{content:" ";display:table}
|
|
123
|
+
.clearfix:after,.float-group:after{clear:both}
|
|
124
|
+
*:not(pre)>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background-color:#f7f7f8;-webkit-border-radius:4px;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
|
|
125
|
+
pre,pre>code{line-height:1.45;color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;text-rendering:optimizeSpeed}
|
|
126
|
+
.keyseq{color:rgba(51,51,51,.8)}
|
|
127
|
+
kbd{display:inline-block;color:rgba(0,0,0,.8);font-size:.75em;line-height:1.4;background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em white inset;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;margin:-.15em .15em 0 .15em;padding:.2em .6em .2em .5em;vertical-align:middle;white-space:nowrap}
|
|
128
|
+
.keyseq kbd:first-child{margin-left:0}
|
|
129
|
+
.keyseq kbd:last-child{margin-right:0}
|
|
130
|
+
.menuseq,.menu{color:rgba(0,0,0,.8)}
|
|
131
|
+
b.button:before,b.button:after{position:relative;top:-1px;font-weight:400}
|
|
132
|
+
b.button:before{content:"[";padding:0 3px 0 2px}
|
|
133
|
+
b.button:after{content:"]";padding:0 2px 0 3px}
|
|
134
|
+
p a>code:hover{color:rgba(0,0,0,.9)}
|
|
135
|
+
#header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
|
|
136
|
+
#header:before,#header:after,#content:before,#content:after,#footnotes:before,#footnotes:after,#footer:before,#footer:after{content:" ";display:table}
|
|
137
|
+
#header:after,#content:after,#footnotes:after,#footer:after{clear:both}
|
|
138
|
+
#content{margin-top:1.25em}
|
|
139
|
+
#content:before{content:none}
|
|
140
|
+
#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
|
|
141
|
+
#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #ddddd8}
|
|
142
|
+
#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #ddddd8;padding-bottom:8px}
|
|
143
|
+
#header .details{border-bottom:1px solid #ddddd8;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
|
|
144
|
+
#header .details span:first-child{margin-left:-.125em}
|
|
145
|
+
#header .details span.email a{color:rgba(0,0,0,.85)}
|
|
146
|
+
#header .details br{display:none}
|
|
147
|
+
#header .details br+span:before{content:"\00a0\2013\00a0"}
|
|
148
|
+
#header .details br+span.author:before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
|
|
149
|
+
#header .details br+span#revremark:before{content:"\00a0|\00a0"}
|
|
150
|
+
#header #revnumber{text-transform:capitalize}
|
|
151
|
+
#header #revnumber:after{content:"\00a0"}
|
|
152
|
+
#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #ddddd8;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
|
|
153
|
+
#toc{border-bottom:1px solid #efefed;padding-bottom:.5em}
|
|
154
|
+
#toc>ul{margin-left:.125em}
|
|
155
|
+
#toc ul.sectlevel0>li>a{font-style:italic}
|
|
156
|
+
#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
|
|
157
|
+
#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
|
|
158
|
+
#toc a{text-decoration:none}
|
|
159
|
+
#toc a:active{text-decoration:underline}
|
|
160
|
+
#toctitle{color:#7a2518;font-size:1.2em}
|
|
161
|
+
@media only screen and (min-width:768px){#toctitle{font-size:1.375em}
|
|
162
|
+
body.toc2{padding-left:15em;padding-right:0}
|
|
163
|
+
#toc.toc2{margin-top:0!important;background-color:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #efefed;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
|
|
164
|
+
#toc.toc2 #toctitle{margin-top:0;font-size:1.2em}
|
|
165
|
+
#toc.toc2>ul{font-size:.9em;margin-bottom:0}
|
|
166
|
+
#toc.toc2 ul ul{margin-left:0;padding-left:1em}
|
|
167
|
+
#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
|
|
168
|
+
body.toc2.toc-right{padding-left:0;padding-right:15em}
|
|
169
|
+
body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #efefed;left:auto;right:0}}@media only screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
|
|
170
|
+
#toc.toc2{width:20em}
|
|
171
|
+
#toc.toc2 #toctitle{font-size:1.375em}
|
|
172
|
+
#toc.toc2>ul{font-size:.95em}
|
|
173
|
+
#toc.toc2 ul ul{padding-left:1.25em}
|
|
174
|
+
body.toc2.toc-right{padding-left:0;padding-right:20em}}#content #toc{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
|
|
175
|
+
#content #toc>:first-child{margin-top:0}
|
|
176
|
+
#content #toc>:last-child{margin-bottom:0}
|
|
177
|
+
#footer{max-width:100%;background-color:rgba(0,0,0,.8);padding:1.25em}
|
|
178
|
+
#footer-text{color:rgba(255,255,255,.8);line-height:1.44}
|
|
179
|
+
.sect1{padding-bottom:.625em}
|
|
180
|
+
@media only screen and (min-width:768px){.sect1{padding-bottom:1.25em}}.sect1+.sect1{border-top:1px solid #efefed}
|
|
181
|
+
#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
|
|
182
|
+
#content h1>a.anchor:before,h2>a.anchor:before,h3>a.anchor:before,#toctitle>a.anchor:before,.sidebarblock>.content>.title>a.anchor:before,h4>a.anchor:before,h5>a.anchor:before,h6>a.anchor:before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
|
|
183
|
+
#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
|
|
184
|
+
#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
|
|
185
|
+
#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
|
|
186
|
+
.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
|
|
187
|
+
.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
|
|
188
|
+
table.tableblock>caption.title{white-space:nowrap;overflow:visible;max-width:0}
|
|
189
|
+
.paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{color:rgba(0,0,0,.85)}
|
|
190
|
+
table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p{font-size:inherit}
|
|
191
|
+
.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
|
|
192
|
+
.admonitionblock>table td.icon{text-align:center;width:80px}
|
|
193
|
+
.admonitionblock>table td.icon img{max-width:none}
|
|
194
|
+
.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
|
|
195
|
+
.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #ddddd8;color:rgba(0,0,0,.6)}
|
|
196
|
+
.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
|
|
197
|
+
.exampleblock>.content{border-style:solid;border-width:1px;border-color:#e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;-webkit-border-radius:4px;border-radius:4px}
|
|
198
|
+
.exampleblock>.content>:first-child{margin-top:0}
|
|
199
|
+
.exampleblock>.content>:last-child{margin-bottom:0}
|
|
200
|
+
.sidebarblock{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
|
|
201
|
+
.sidebarblock>:first-child{margin-top:0}
|
|
202
|
+
.sidebarblock>:last-child{margin-bottom:0}
|
|
203
|
+
.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
|
|
204
|
+
.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
|
|
205
|
+
.literalblock pre,.listingblock pre:not(.highlight),.listingblock pre[class="highlight"],.listingblock pre[class^="highlight "],.listingblock pre.CodeRay,.listingblock pre.prettyprint{background:#f7f7f8}
|
|
206
|
+
.sidebarblock .literalblock pre,.sidebarblock .listingblock pre:not(.highlight),.sidebarblock .listingblock pre[class="highlight"],.sidebarblock .listingblock pre[class^="highlight "],.sidebarblock .listingblock pre.CodeRay,.sidebarblock .listingblock pre.prettyprint{background:#f2f1f1}
|
|
207
|
+
.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{-webkit-border-radius:4px;border-radius:4px;word-wrap:break-word;padding:1em;font-size:.8125em}
|
|
208
|
+
.literalblock pre.nowrap,.literalblock pre[class].nowrap,.listingblock pre.nowrap,.listingblock pre[class].nowrap{overflow-x:auto;white-space:pre;word-wrap:normal}
|
|
209
|
+
@media only screen and (min-width:768px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:.90625em}}@media only screen and (min-width:1280px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:1em}}.literalblock.output pre{color:#f7f7f8;background-color:rgba(0,0,0,.9)}
|
|
210
|
+
.listingblock pre.highlightjs{padding:0}
|
|
211
|
+
.listingblock pre.highlightjs>code{padding:1em;-webkit-border-radius:4px;border-radius:4px}
|
|
212
|
+
.listingblock pre.prettyprint{border-width:0}
|
|
213
|
+
.listingblock>.content{position:relative}
|
|
214
|
+
.listingblock code[data-lang]:before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:#999}
|
|
215
|
+
.listingblock:hover code[data-lang]:before{display:block}
|
|
216
|
+
.listingblock.terminal pre .command:before{content:attr(data-prompt);padding-right:.5em;color:#999}
|
|
217
|
+
.listingblock.terminal pre .command:not([data-prompt]):before{content:"$"}
|
|
218
|
+
table.pyhltable{border-collapse:separate;border:0;margin-bottom:0;background:none}
|
|
219
|
+
table.pyhltable td{vertical-align:top;padding-top:0;padding-bottom:0}
|
|
220
|
+
table.pyhltable td.code{padding-left:.75em;padding-right:0}
|
|
221
|
+
pre.pygments .lineno,table.pyhltable td:not(.code){color:#999;padding-left:0;padding-right:.5em;border-right:1px solid #ddddd8}
|
|
222
|
+
pre.pygments .lineno{display:inline-block;margin-right:.25em}
|
|
223
|
+
table.pyhltable .linenodiv{background:none!important;padding-right:0!important}
|
|
224
|
+
.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
|
|
225
|
+
.quoteblock>.title{margin-left:-1.5em;margin-bottom:.75em}
|
|
226
|
+
.quoteblock blockquote,.quoteblock blockquote p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
|
|
227
|
+
.quoteblock blockquote{margin:0;padding:0;border:0}
|
|
228
|
+
.quoteblock blockquote:before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
|
|
229
|
+
.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
|
|
230
|
+
.quoteblock .attribution{margin-top:.5em;margin-right:.5ex;text-align:right}
|
|
231
|
+
.quoteblock .quoteblock{margin-left:0;margin-right:0;padding:.5em 0;border-left:3px solid rgba(0,0,0,.6)}
|
|
232
|
+
.quoteblock .quoteblock blockquote{padding:0 0 0 .75em}
|
|
233
|
+
.quoteblock .quoteblock blockquote:before{display:none}
|
|
234
|
+
.verseblock{margin:0 1em 1.25em 1em}
|
|
235
|
+
.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
|
|
236
|
+
.verseblock pre strong{font-weight:400}
|
|
237
|
+
.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
|
|
238
|
+
.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
|
|
239
|
+
.quoteblock .attribution br,.verseblock .attribution br{display:none}
|
|
240
|
+
.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
|
|
241
|
+
.quoteblock.abstract{margin:0 0 1.25em 0;display:block}
|
|
242
|
+
.quoteblock.abstract blockquote,.quoteblock.abstract blockquote p{text-align:left;word-spacing:0}
|
|
243
|
+
.quoteblock.abstract blockquote:before,.quoteblock.abstract blockquote p:first-of-type:before{display:none}
|
|
244
|
+
table.tableblock{max-width:100%;border-collapse:separate}
|
|
245
|
+
table.tableblock td>.paragraph:last-child p>p:last-child,table.tableblock th>p:last-child,table.tableblock td>p:last-child{margin-bottom:0}
|
|
246
|
+
table.spread{width:100%}
|
|
247
|
+
table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
|
|
248
|
+
table.grid-all th.tableblock,table.grid-all td.tableblock{border-width:0 1px 1px 0}
|
|
249
|
+
table.grid-all tfoot>tr>th.tableblock,table.grid-all tfoot>tr>td.tableblock{border-width:1px 1px 0 0}
|
|
250
|
+
table.grid-cols th.tableblock,table.grid-cols td.tableblock{border-width:0 1px 0 0}
|
|
251
|
+
table.grid-all *>tr>.tableblock:last-child,table.grid-cols *>tr>.tableblock:last-child{border-right-width:0}
|
|
252
|
+
table.grid-rows th.tableblock,table.grid-rows td.tableblock{border-width:0 0 1px 0}
|
|
253
|
+
table.grid-all tbody>tr:last-child>th.tableblock,table.grid-all tbody>tr:last-child>td.tableblock,table.grid-all thead:last-child>tr>th.tableblock,table.grid-rows tbody>tr:last-child>th.tableblock,table.grid-rows tbody>tr:last-child>td.tableblock,table.grid-rows thead:last-child>tr>th.tableblock{border-bottom-width:0}
|
|
254
|
+
table.grid-rows tfoot>tr>th.tableblock,table.grid-rows tfoot>tr>td.tableblock{border-width:1px 0 0 0}
|
|
255
|
+
table.frame-all{border-width:1px}
|
|
256
|
+
table.frame-sides{border-width:0 1px}
|
|
257
|
+
table.frame-topbot{border-width:1px 0}
|
|
258
|
+
th.halign-left,td.halign-left{text-align:left}
|
|
259
|
+
th.halign-right,td.halign-right{text-align:right}
|
|
260
|
+
th.halign-center,td.halign-center{text-align:center}
|
|
261
|
+
th.valign-top,td.valign-top{vertical-align:top}
|
|
262
|
+
th.valign-bottom,td.valign-bottom{vertical-align:bottom}
|
|
263
|
+
th.valign-middle,td.valign-middle{vertical-align:middle}
|
|
264
|
+
table thead th,table tfoot th{font-weight:bold}
|
|
265
|
+
tbody tr th{display:table-cell;line-height:1.6;background:#f7f8f7}
|
|
266
|
+
tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
|
|
267
|
+
p.tableblock>code:only-child{background:none;padding:0}
|
|
268
|
+
p.tableblock{font-size:1em}
|
|
269
|
+
td>div.verse{white-space:pre}
|
|
270
|
+
ol{margin-left:1.75em}
|
|
271
|
+
ul li ol{margin-left:1.5em}
|
|
272
|
+
dl dd{margin-left:1.125em}
|
|
273
|
+
dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
|
|
274
|
+
ol>li p,ul>li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
|
|
275
|
+
ul.unstyled,ol.unnumbered,ul.checklist,ul.none{list-style-type:none}
|
|
276
|
+
ul.unstyled,ol.unnumbered,ul.checklist{margin-left:.625em}
|
|
277
|
+
ul.checklist li>p:first-child>.fa-square-o:first-child,ul.checklist li>p:first-child>.fa-check-square-o:first-child{width:1em;font-size:.85em}
|
|
278
|
+
ul.checklist li>p:first-child>input[type="checkbox"]:first-child{width:1em;position:relative;top:1px}
|
|
279
|
+
ul.inline{margin:0 auto .625em auto;margin-left:-1.375em;margin-right:0;padding:0;list-style:none;overflow:hidden}
|
|
280
|
+
ul.inline>li{list-style:none;float:left;margin-left:1.375em;display:block}
|
|
281
|
+
ul.inline>li>*{display:block}
|
|
282
|
+
.unstyled dl dt{font-weight:400;font-style:normal}
|
|
283
|
+
ol.arabic{list-style-type:decimal}
|
|
284
|
+
ol.decimal{list-style-type:decimal-leading-zero}
|
|
285
|
+
ol.loweralpha{list-style-type:lower-alpha}
|
|
286
|
+
ol.upperalpha{list-style-type:upper-alpha}
|
|
287
|
+
ol.lowerroman{list-style-type:lower-roman}
|
|
288
|
+
ol.upperroman{list-style-type:upper-roman}
|
|
289
|
+
ol.lowergreek{list-style-type:lower-greek}
|
|
290
|
+
.hdlist>table,.colist>table{border:0;background:none}
|
|
291
|
+
.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
|
|
292
|
+
td.hdlist1{padding-right:.75em;font-weight:bold}
|
|
293
|
+
td.hdlist1,td.hdlist2{vertical-align:top}
|
|
294
|
+
.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
|
|
295
|
+
.colist>table tr>td:first-of-type{padding:0 .75em;line-height:1}
|
|
296
|
+
.colist>table tr>td:last-of-type{padding:.25em 0}
|
|
297
|
+
.thumb,.th{line-height:0;display:inline-block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd}
|
|
298
|
+
.imageblock.left,.imageblock[style*="float: left"]{margin:.25em .625em 1.25em 0}
|
|
299
|
+
.imageblock.right,.imageblock[style*="float: right"]{margin:.25em 0 1.25em .625em}
|
|
300
|
+
.imageblock>.title{margin-bottom:0}
|
|
301
|
+
.imageblock.thumb,.imageblock.th{border-width:6px}
|
|
302
|
+
.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
|
|
303
|
+
.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
|
|
304
|
+
.image.left{margin-right:.625em}
|
|
305
|
+
.image.right{margin-left:.625em}
|
|
306
|
+
a.image{text-decoration:none}
|
|
307
|
+
span.footnote,span.footnoteref{vertical-align:super;font-size:.875em}
|
|
308
|
+
span.footnote a,span.footnoteref a{text-decoration:none}
|
|
309
|
+
span.footnote a:active,span.footnoteref a:active{text-decoration:underline}
|
|
310
|
+
#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
|
|
311
|
+
#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em 0;border-width:1px 0 0 0}
|
|
312
|
+
#footnotes .footnote{padding:0 .375em;line-height:1.3;font-size:.875em;margin-left:1.2em;text-indent:-1.2em;margin-bottom:.2em}
|
|
313
|
+
#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none}
|
|
314
|
+
#footnotes .footnote:last-of-type{margin-bottom:0}
|
|
315
|
+
#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
|
|
316
|
+
.gist .file-data>table{border:0;background:#fff;width:100%;margin-bottom:0}
|
|
317
|
+
.gist .file-data>table td.line-data{width:99%}
|
|
318
|
+
div.unbreakable{page-break-inside:avoid}
|
|
319
|
+
.big{font-size:larger}
|
|
320
|
+
.small{font-size:smaller}
|
|
321
|
+
.underline{text-decoration:underline}
|
|
322
|
+
.overline{text-decoration:overline}
|
|
323
|
+
.line-through{text-decoration:line-through}
|
|
324
|
+
.aqua{color:#00bfbf}
|
|
325
|
+
.aqua-background{background-color:#00fafa}
|
|
326
|
+
.black{color:#000}
|
|
327
|
+
.black-background{background-color:#000}
|
|
328
|
+
.blue{color:#0000bf}
|
|
329
|
+
.blue-background{background-color:#0000fa}
|
|
330
|
+
.fuchsia{color:#bf00bf}
|
|
331
|
+
.fuchsia-background{background-color:#fa00fa}
|
|
332
|
+
.gray{color:#606060}
|
|
333
|
+
.gray-background{background-color:#7d7d7d}
|
|
334
|
+
.green{color:#006000}
|
|
335
|
+
.green-background{background-color:#007d00}
|
|
336
|
+
.lime{color:#00bf00}
|
|
337
|
+
.lime-background{background-color:#00fa00}
|
|
338
|
+
.maroon{color:#600000}
|
|
339
|
+
.maroon-background{background-color:#7d0000}
|
|
340
|
+
.navy{color:#000060}
|
|
341
|
+
.navy-background{background-color:#00007d}
|
|
342
|
+
.olive{color:#606000}
|
|
343
|
+
.olive-background{background-color:#7d7d00}
|
|
344
|
+
.purple{color:#600060}
|
|
345
|
+
.purple-background{background-color:#7d007d}
|
|
346
|
+
.red{color:#bf0000}
|
|
347
|
+
.red-background{background-color:#fa0000}
|
|
348
|
+
.silver{color:#909090}
|
|
349
|
+
.silver-background{background-color:#bcbcbc}
|
|
350
|
+
.teal{color:#006060}
|
|
351
|
+
.teal-background{background-color:#007d7d}
|
|
352
|
+
.white{color:#bfbfbf}
|
|
353
|
+
.white-background{background-color:#fafafa}
|
|
354
|
+
.yellow{color:#bfbf00}
|
|
355
|
+
.yellow-background{background-color:#fafa00}
|
|
356
|
+
span.icon>.fa{cursor:default}
|
|
357
|
+
.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
|
|
358
|
+
.admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
|
|
359
|
+
.admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
|
|
360
|
+
.admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
|
|
361
|
+
.admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
|
|
362
|
+
.admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
|
|
363
|
+
.conum[data-value]{display:inline-block;color:#fff!important;background-color:rgba(0,0,0,.8);-webkit-border-radius:100px;border-radius:100px;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
|
|
364
|
+
.conum[data-value] *{color:#fff!important}
|
|
365
|
+
.conum[data-value]+b{display:none}
|
|
366
|
+
.conum[data-value]:after{content:attr(data-value)}
|
|
367
|
+
pre .conum[data-value]{position:relative;top:-.125em}
|
|
368
|
+
b.conum *{color:inherit!important}
|
|
369
|
+
.conum:not([data-value]):empty{display:none}
|
|
370
|
+
h1,h2{letter-spacing:-.01em}
|
|
371
|
+
dt,th.tableblock,td.content{text-rendering:optimizeLegibility}
|
|
372
|
+
p,td.content{letter-spacing:-.01em}
|
|
373
|
+
p strong,td.content strong{letter-spacing:-.005em}
|
|
374
|
+
p,blockquote,dt,td.content{font-size:1.0625rem}
|
|
375
|
+
p{margin-bottom:1.25rem}
|
|
376
|
+
.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
|
|
377
|
+
.exampleblock>.content{background-color:#fffef7;border-color:#e0e0dc;-webkit-box-shadow:0 1px 4px #e0e0dc;box-shadow:0 1px 4px #e0e0dc}
|
|
378
|
+
.print-only{display:none!important}
|
|
379
|
+
@media print{@page{margin:1.25cm .75cm}
|
|
380
|
+
*{-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
|
|
381
|
+
a{color:inherit!important;text-decoration:underline!important}
|
|
382
|
+
a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
|
|
383
|
+
a[href^="http:"]:not(.bare):after,a[href^="https:"]:not(.bare):after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
|
|
384
|
+
abbr[title]:after{content:" (" attr(title) ")"}
|
|
385
|
+
pre,blockquote,tr,img{page-break-inside:avoid}
|
|
386
|
+
thead{display:table-header-group}
|
|
387
|
+
img{max-width:100%!important}
|
|
388
|
+
p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
|
|
389
|
+
h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
|
|
390
|
+
#toc,.sidebarblock,.exampleblock>.content{background:none!important}
|
|
391
|
+
#toc{border-bottom:1px solid #ddddd8!important;padding-bottom:0!important}
|
|
392
|
+
.sect1{padding-bottom:0!important}
|
|
393
|
+
.sect1+.sect1{border:0!important}
|
|
394
|
+
#header>h1:first-child{margin-top:1.25rem}
|
|
395
|
+
body.book #header{text-align:center}
|
|
396
|
+
body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em 0}
|
|
397
|
+
body.book #header .details{border:0!important;display:block;padding:0!important}
|
|
398
|
+
body.book #header .details span:first-child{margin-left:0!important}
|
|
399
|
+
body.book #header .details br{display:block}
|
|
400
|
+
body.book #header .details br+span:before{content:none!important}
|
|
401
|
+
body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
|
|
402
|
+
body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
|
|
403
|
+
.listingblock code[data-lang]:before{display:block}
|
|
404
|
+
#footer{background:none!important;padding:0 .9375em}
|
|
405
|
+
#footer-text{color:rgba(0,0,0,.6)!important;font-size:.9em}
|
|
406
|
+
.hide-on-print{display:none!important}
|
|
407
|
+
.print-only{display:block!important}
|
|
408
|
+
.hide-for-print{display:none!important}
|
|
409
|
+
.show-for-print{display:inherit!important}}
|
|
410
|
+
</style>
|
|
411
|
+
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
|
|
412
|
+
<script type="text/javascript">
|
|
413
|
+
google.load("visualization", "1.1", {packages:["corechart", "bar", "line"]});
|
|
414
|
+
var drawChart = function(id, config) {
|
|
415
|
+
var div = document.getElementById(id)
|
|
416
|
+
div.style.width = config['style']['width']
|
|
417
|
+
div.style.height = config['style']['height']
|
|
418
|
+
var chart = new config['type'](div);
|
|
419
|
+
chart.draw(config['data'], config['options']);
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
</script>
|
|
423
|
+
</head>
|
|
424
|
+
<body class="article">
|
|
425
|
+
<div id="header">
|
|
426
|
+
<h1>Asciinurse Charts Examples (Google Charts Engine)</h1>
|
|
427
|
+
</div>
|
|
428
|
+
<div id="content">
|
|
429
|
+
<div id="preamble">
|
|
430
|
+
<div class="sectionbody">
|
|
431
|
+
<div class="admonitionblock note">
|
|
432
|
+
<table>
|
|
433
|
+
<tr>
|
|
434
|
+
<td class="icon">
|
|
435
|
+
<div class="title">Note</div>
|
|
436
|
+
</td>
|
|
437
|
+
<td class="content">
|
|
438
|
+
<div class="paragraph">
|
|
439
|
+
<p>Modify this examples and convert this file using <code>ruby convert.rb</code></p>
|
|
440
|
+
</div>
|
|
441
|
+
</td>
|
|
442
|
+
</tr>
|
|
443
|
+
</table>
|
|
444
|
+
</div>
|
|
445
|
+
</div>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="sect1">
|
|
448
|
+
<h2 id="_json_config_file">JSON Config File</h2>
|
|
449
|
+
<div class="sectionbody">
|
|
450
|
+
<div class="listingblock">
|
|
451
|
+
<div class="content">
|
|
452
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">chart::browsers-googlecharts.json[]</code></pre>
|
|
453
|
+
</div>
|
|
454
|
+
</div>
|
|
455
|
+
<div id='chart_1'></div>
|
|
456
|
+
<script type="text/javascript">
|
|
457
|
+
google.setOnLoadCallback(function () {
|
|
458
|
+
drawChart('chart_1', {
|
|
459
|
+
type: google.visualization.PieChart,
|
|
460
|
+
data: google.visualization.arrayToDataTable([
|
|
461
|
+
["Browser"," Brands"],
|
|
462
|
+
["Internet Explorer",56.33],
|
|
463
|
+
["Chrome",24.03],
|
|
464
|
+
["Firefox",10.38],
|
|
465
|
+
["Safari",4.77],
|
|
466
|
+
["Opera",0.91],
|
|
467
|
+
["Unknown",0.2]
|
|
468
|
+
]),
|
|
469
|
+
options: {
|
|
470
|
+
chart: {
|
|
471
|
+
title: "Inline Chart"
|
|
472
|
+
}
|
|
473
|
+
},
|
|
474
|
+
style: {
|
|
475
|
+
width: "100%",
|
|
476
|
+
height: "600px"
|
|
477
|
+
}
|
|
478
|
+
})
|
|
479
|
+
})
|
|
480
|
+
</script>
|
|
481
|
+
</div>
|
|
482
|
+
</div>
|
|
483
|
+
<div class="sect1">
|
|
484
|
+
<h2 id="_csv_files">CSV Files</h2>
|
|
485
|
+
<div class="sectionbody">
|
|
486
|
+
<div class="listingblock">
|
|
487
|
+
<div class="content">
|
|
488
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">.Browser market shares January, 2015 to May, 2015
|
|
489
|
+
chart::browsers.csv[type=pie]</code></pre>
|
|
490
|
+
</div>
|
|
491
|
+
</div>
|
|
492
|
+
<div id='chart_2'></div>
|
|
493
|
+
<script type="text/javascript">
|
|
494
|
+
google.setOnLoadCallback(function () {
|
|
495
|
+
drawChart('chart_2', {
|
|
496
|
+
type: google.visualization.PieChart,
|
|
497
|
+
data: google.visualization.arrayToDataTable([["Browser"," Brands"],["Internet Explorer",56.33],["Chrome",24.03],["Firefox",10.38],["Safari",4.77],["Opera",0.91],["Unknown",0.2]]),
|
|
498
|
+
options: {
|
|
499
|
+
chart: {
|
|
500
|
+
title: "Browser market shares January, 2015 to May, 2015"
|
|
501
|
+
}
|
|
502
|
+
},
|
|
503
|
+
style: {
|
|
504
|
+
width: "100%",
|
|
505
|
+
height: "600px"
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
)
|
|
509
|
+
})
|
|
510
|
+
</script>
|
|
511
|
+
<div class="listingblock">
|
|
512
|
+
<div class="content">
|
|
513
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">.Bar Chart
|
|
514
|
+
chart::indicators.csv[type=bar]</code></pre>
|
|
515
|
+
</div>
|
|
516
|
+
</div>
|
|
517
|
+
<div id='chart_3'></div>
|
|
518
|
+
<script type="text/javascript">
|
|
519
|
+
google.setOnLoadCallback(function () {
|
|
520
|
+
drawChart('chart_3', {
|
|
521
|
+
type: google.charts.Bar,
|
|
522
|
+
data: google.visualization.arrayToDataTable([["Month "," Total"],["Jan ",29.9],["Feb ",71.5],["Mar ",106.4],["Apr ",129.2],["May ",144.0],["Jun ",176.0],["Jul ",135.6],["Aug ",148.5],["Sep ",216.4],["Oct ",194.1],["Nov ",95.6],["Dec ",54.4]]),
|
|
523
|
+
options: {
|
|
524
|
+
chart: {
|
|
525
|
+
title: "Bar Chart"
|
|
526
|
+
},
|
|
527
|
+
hAxis: {
|
|
528
|
+
title: "Jan ",
|
|
529
|
+
minValue: 0
|
|
530
|
+
},
|
|
531
|
+
vAxis: {
|
|
532
|
+
title: "Dec " ,
|
|
533
|
+
minValue: 0
|
|
534
|
+
},
|
|
535
|
+
bars: 'horizontal'
|
|
536
|
+
},
|
|
537
|
+
style: {
|
|
538
|
+
width: "100%",
|
|
539
|
+
height: "600px"
|
|
540
|
+
}
|
|
541
|
+
}
|
|
542
|
+
)
|
|
543
|
+
})
|
|
544
|
+
</script>
|
|
545
|
+
<div class="listingblock">
|
|
546
|
+
<div class="content">
|
|
547
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">.Column Chart
|
|
548
|
+
chart::indicators.csv[type=column]</code></pre>
|
|
549
|
+
</div>
|
|
550
|
+
</div>
|
|
551
|
+
<div id='chart_4'></div>
|
|
552
|
+
<script type="text/javascript">
|
|
553
|
+
google.setOnLoadCallback(function () {
|
|
554
|
+
drawChart('chart_4', {
|
|
555
|
+
type: google.charts.Bar,
|
|
556
|
+
data: google.visualization.arrayToDataTable([["Month "," Total"],["Jan ",29.9],["Feb ",71.5],["Mar ",106.4],["Apr ",129.2],["May ",144.0],["Jun ",176.0],["Jul ",135.6],["Aug ",148.5],["Sep ",216.4],["Oct ",194.1],["Nov ",95.6],["Dec ",54.4]]),
|
|
557
|
+
options: {
|
|
558
|
+
chart: {
|
|
559
|
+
title: "Column Chart"
|
|
560
|
+
},
|
|
561
|
+
hAxis: {
|
|
562
|
+
title: "Jan ",
|
|
563
|
+
minValue: 0
|
|
564
|
+
},
|
|
565
|
+
vAxis: {
|
|
566
|
+
title: "Dec " ,
|
|
567
|
+
minValue: 0
|
|
568
|
+
},
|
|
569
|
+
bars: 'vertical'
|
|
570
|
+
},
|
|
571
|
+
style: {
|
|
572
|
+
width: "100%",
|
|
573
|
+
height: "600px"
|
|
574
|
+
}
|
|
575
|
+
}
|
|
576
|
+
)
|
|
577
|
+
})
|
|
578
|
+
</script>
|
|
579
|
+
<div class="listingblock">
|
|
580
|
+
<div class="content">
|
|
581
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">.Line Chart
|
|
582
|
+
chart::indicators.csv[type=line]</code></pre>
|
|
583
|
+
</div>
|
|
584
|
+
</div>
|
|
585
|
+
<div id='chart_5'></div>
|
|
586
|
+
<script type="text/javascript">
|
|
587
|
+
google.setOnLoadCallback(function () {
|
|
588
|
+
drawChart('chart_5', {
|
|
589
|
+
type: google.charts.Line,
|
|
590
|
+
data: google.visualization.arrayToDataTable([["Month "," Total"],["Jan ",29.9],["Feb ",71.5],["Mar ",106.4],["Apr ",129.2],["May ",144.0],["Jun ",176.0],["Jul ",135.6],["Aug ",148.5],["Sep ",216.4],["Oct ",194.1],["Nov ",95.6],["Dec ",54.4]]),
|
|
591
|
+
options: {
|
|
592
|
+
chart: {
|
|
593
|
+
title: "Line Chart"
|
|
594
|
+
}
|
|
595
|
+
},
|
|
596
|
+
style: {
|
|
597
|
+
width: "100%",
|
|
598
|
+
height: "600px"
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
)
|
|
602
|
+
})
|
|
603
|
+
</script>
|
|
604
|
+
</div>
|
|
605
|
+
</div>
|
|
606
|
+
<div class="sect1">
|
|
607
|
+
<h2 id="_csv_inline">CSV Inline</h2>
|
|
608
|
+
<div class="sectionbody">
|
|
609
|
+
<div class="listingblock">
|
|
610
|
+
<div class="content">
|
|
611
|
+
<pre class="highlight"><code class="language-adoc" data-lang="adoc">.Inline Chart
|
|
612
|
+
[chart,pie]
|
|
613
|
+
....
|
|
614
|
+
Browser, Brands
|
|
615
|
+
Internet Explorer, 56.33
|
|
616
|
+
Chrome, 24.03
|
|
617
|
+
Firefox, 10.38
|
|
618
|
+
Safari, 4.77
|
|
619
|
+
Opera, 0.91
|
|
620
|
+
Unknown, 0.2
|
|
621
|
+
....</code></pre>
|
|
622
|
+
</div>
|
|
623
|
+
</div>
|
|
624
|
+
<div id='chart_6'></div>
|
|
625
|
+
<script type="text/javascript">
|
|
626
|
+
google.setOnLoadCallback(function () {
|
|
627
|
+
drawChart('chart_6', {
|
|
628
|
+
type: google.visualization.PieChart,
|
|
629
|
+
data: google.visualization.arrayToDataTable([["Browser"," Brands"],["Internet Explorer",56.33],["Chrome",24.03],["Firefox",10.38],["Safari",4.77],["Opera",0.91],["Unknown",0.2]]),
|
|
630
|
+
options: {
|
|
631
|
+
chart: {
|
|
632
|
+
title: "Inline Chart"
|
|
633
|
+
}
|
|
634
|
+
},
|
|
635
|
+
style: {
|
|
636
|
+
width: "100%",
|
|
637
|
+
height: "600px"
|
|
638
|
+
}
|
|
639
|
+
}
|
|
640
|
+
)
|
|
641
|
+
})
|
|
642
|
+
</script>
|
|
643
|
+
</div>
|
|
644
|
+
</div>
|
|
645
|
+
</div>
|
|
646
|
+
<div id="footer">
|
|
647
|
+
<div id="footer-text">
|
|
648
|
+
Last updated 2015-07-17 20:36:37 BRT
|
|
649
|
+
</div>
|
|
650
|
+
</div>
|
|
651
|
+
</body>
|
|
652
|
+
</html>
|