diff options
author | Nicolai Tellefsen <niccofyren@gmail.com> | 2016-03-21 20:33:44 +0100 |
---|---|---|
committer | Nicolai Tellefsen <niccofyren@gmail.com> | 2016-03-21 20:33:44 +0100 |
commit | 5ba657e0bca0e4970b08583f6dfc94bfae34741c (patch) | |
tree | 44ed77deecd40ca984aae4bfa1bb949cb87bf7a0 /web/nms-public.gathering.org/old/speedometer/c3-master/htdocs | |
parent | d528cad67897dd2c3b98ec15a82868ac2764e2c7 (diff) | |
parent | 727e4ab31aa6d1a754711d4cd29dbcefae2e952a (diff) |
Merge branch 'master' of https://github.com/tech-server/tgmanage
Diffstat (limited to 'web/nms-public.gathering.org/old/speedometer/c3-master/htdocs')
109 files changed, 6455 insertions, 0 deletions
diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/bootstrap.min.css b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/bootstrap.min.css new file mode 100644 index 0000000..4cc4e7a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/bootstrap.min.css @@ -0,0 +1,8 @@ +/*! + * Bootstrap v3.0.0 by @fat and @mdo + * Copyright 2013 Twitter, Inc. + * Licensed under http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-primary:hover{color:#3071a9}.text-warning{color:#c09853}.text-warning:hover{color:#a47e3c}.text-danger{color:#b94a48}.text-danger:hover{color:#953b39}.text-success{color:#468847}.text-success:hover{color:#356635}.text-info{color:#3a87ad}.text-info:hover{color:#2d6987}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small{text-align:right}blockquote.pull-right small:before,blockquote.pull-right .small:before{content:''}blockquote.pull-right small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}@media(min-width:768px){.container{width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}}@media(min-width:992px){.container{width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}}@media(min-width:1200px){.container{width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#ebccd1}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc;border-color:#e4b9c0}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#faebcc}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc;border-color:#f7e1b5}@media(max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-control-static{padding-top:7px}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon:empty{width:1em}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .open>a .caret,.nav .open>a:hover .caret,.nav .open>a:focus .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-pills>li.active>a .caret,.nav-pills>li.active>a:hover .caret,.nav-pills>li.active>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:auto}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive{margin-bottom:0}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-heading>.dropdown .caret{border-color:#333 transparent}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-heading>.dropdown .caret{border-color:#fff transparent}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading>.dropdown .caret{border-color:#468847 transparent}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading>.dropdown .caret{border-color:#c09853 transparent}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading>.dropdown .caret{border-color:#b94a48 transparent}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading>.dropdown .caret{border-color:#3a87ad transparent}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}}
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/c3.css b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/c3.css new file mode 120000 index 0000000..4052640 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/c3.css @@ -0,0 +1 @@ +../../c3.css
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/index.css b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/index.css new file mode 100644 index 0000000..f38c901 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/index.css @@ -0,0 +1,12 @@ +.row { + margin-left: 8px; +} +.row a { + display: block; + text-align: left; + font-size: 1.2em; + line-height: 1.8; +} +.row h3 { + color: #777; +}
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/style.css b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/style.css new file mode 100644 index 0000000..9abe27b --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/css/style.css @@ -0,0 +1,9 @@ + +body { + text-align: center; +} + +#chart { + width: 720px; + margin: 24px auto; +} diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.csv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.csv new file mode 100644 index 0000000..dea2e16 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.csv @@ -0,0 +1,6 @@ +data1,data2,data3 +120,80,200 +140,50,210 +170,100,250 +150,70,300 +180,120,280
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.json b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.json new file mode 100644 index 0000000..7486b75 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.json @@ -0,0 +1,5 @@ +{ + "data1": [120, 140, 170, 150, 180], + "data2": [80, 50, 100, 70, 120], + "data3": [200, 210, 250, 300, 280] +} diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.tsv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.tsv new file mode 100644 index 0000000..1fcab88 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test.tsv @@ -0,0 +1,6 @@ +data1 data2 data3 +520 380 100 +540 350 110 +570 400 150 +550 370 200 +580 420 180
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2.csv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2.csv new file mode 100644 index 0000000..ae1a48a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2.csv @@ -0,0 +1,6 @@ +data1,data2,data3 +20,180,400 +40,150,310 +70,120,470 +50,170,400 +80,200,380
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2_ts.csv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2_ts.csv new file mode 100644 index 0000000..2b8d00e --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test2_ts.csv @@ -0,0 +1,6 @@ +x,data1,data2,data3 +2013-04-01,20,180,400 +2013-04-02,40,150,310 +2013-04-03,70,120,470 +2013-04-04,50,170,400 +2013-04-05,80,200,380
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test3.csv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test3.csv new file mode 100644 index 0000000..2aabb04 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test3.csv @@ -0,0 +1,4 @@ +x,download,loading +www.hogehoge.com,30,19 +www.aaaa.com,30,13 +www.bb.com,20,24 diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_2.json b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_2.json new file mode 100644 index 0000000..ed18b2f --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_2.json @@ -0,0 +1,5 @@ +{ + "data1": [20, 40, 70, 50, 80, 30], + "data2": [180, 150, 200, 170, 220, 400], + "data3": [1200, 1210, 1250, 1300, 1280, 1000] +} diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_3.json b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_3.json new file mode 100644 index 0000000..c08c9c7 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_3.json @@ -0,0 +1,6 @@ +[ + { "id": 1, "name": "abc", "data1": 1200, "data2": 500 }, + { "id": 2, "name": "efg", "data1": 900, "data2": 600 }, + { "id": 3, "name": "pqr", "data1": 1150, "data2": 300 }, + { "id": 4, "name": "xyz", "data1": 1020, "data2": 900 } +] diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_ts.csv b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_ts.csv new file mode 100644 index 0000000..5bfbd34 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/data/c3_test_ts.csv @@ -0,0 +1,6 @@ +x,data1,data2,data3 +2012-12-31,120,80,200 +2013-01-01,140,50,210 +2013-01-02,170,100,250 +2013-01-03,150,70,300 +2013-01-04,180,120,280
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/index.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/index.html new file mode 100644 index 0000000..7f2c06a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/index.html @@ -0,0 +1,481 @@ +<html> + <head> + <link href="./css/bootstrap.min.css" rel="stylesheet"> + <link href="./css/index.css" rel="stylesheet"> + </head> + <body> + <div class="container"> + <div class="section"> + <h2># <span>Chart Type</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Line Chart</h3> + <a href="./samples/simple.html"> + Line chart with ordinary data + </a> + <a href="./samples/chart_spline.html"> + Spline chart with ordinary data + </a> + <a href="./samples/chart_step.html"> + Step chart with ordinary data + </a> + </div> + <div class="col-md-4"> + <h3>Area Chart</h3> + <a href="./samples/chart_area.html"> + Area chart with ordinary data + </a> + <a href="./samples/chart_area_spline.html"> + Area-spline chart with ordinary data + </a> + <a href="./samples/chart_area_step.html"> + Area-step chart with ordinary data + </a> + <a href="./samples/chart_area_stacked.html"> + Stacked Area chart with ordinary data + </a> + <a href="./samples/chart_area_spline_stacked.html"> + Stacked Area-spline chart with ordinary data + </a> + <a href="./samples/chart_area_step_stacked.html"> + Stacked Area-step chart with ordinary data + </a> + </div> + <div class="col-md-4"> + <h3>Bar Chart</h3> + <a href="./samples/chart_bar.html"> + Bar chart with ordinary data + </a> + <a href="./samples/chart_bar_stacked.html"> + Stacked Bar chart with ordinary data + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Pie Chart</h3> + <a href="./samples/chart_pie.html"> + Pie chart with ordinary data + </a> + <a href="./samples/chart_pie_sort.html"> + Pie chart with/without sort + </a> + </div> + <div class="col-md-4"> + <h3>Donut Chart</h3> + <a href="./samples/chart_donut.html"> + Donut chart with ordinary data + </a> + </div> + <div class="col-md-4"> + <h3>Gauge Chart</h3> + <a href="./samples/chart_gauge.html"> + Gauge chart with ordinary data + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Scatter Chart</h3> + <a href="./samples/chart_scatter.html"> + Scatter chart with ordinary data + </a> + </div> + <div class="col-md-4"> + <h3>Combination Chart</h3> + <a href="./samples/chart_combination.html"> + Combination chart with ordinary data + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Axes</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Timeseries Axis</h3> + <a href="./samples/timeseries.html"> + Line chart with timeseries data + </a> + <a href="./samples/timeseries_descendent.html"> + Line chart with descendent timeseries data + </a> + <a href="./samples/timeseries_raw.html"> + Line chart with timeseries data as Number + </a> + <a href="./samples/timeseries_date.html"> + Line chart with timeseries data as Date object + </a> + </div> + <div class="col-md-4"> + <h3>Category Axis</h3> + <a href="./samples/categorized.html"> + Chart with category axis + </a> + <a href="./samples/custom_x_categorized.html"> + Chart with category data on category axis + </a> + </div> + <div class="col-md-4"> + <h3>Additional Axis</h3> + <a href="./samples/axes_y2.html"> + Add y2 axis + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Axis Range</h3> + <a href="./samples/axes_range.html"> + Set range of axis + </a> + </div> + <div class="col-md-4"> + <h3>Axis Padding</h3> + <a href="./samples/axes_padding.html"> + Set padding of axis + </a> + </div> + <div class="col-md-4"> + <h3>X Axis Tick</h3> + <a href="./samples/axes_x_tick_values.html"> + Set values for x axis + </a> + <a href="./samples/axes_x_tick_culling.html"> + Set culling for x axis + </a> + <a href="./samples/axes_x_tick_fit.html"> + Set fitting for x axis + </a> + <a href="./samples/axes_x_tick_rotate.html"> + Set rotation for x axis + </a> + <a href="./samples/axes_x_range_timeseries.html"> + Set range in timeseries for x axis + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Default Y Domain</h3> + <a href="./samples/axes_y_default.html"> + Set default y domain + </a> + </div> + <div class="col-md-4"> + <h3>Y Domain</h3> + <a href="./samples/domain_y.html"> + Update y domain automatically + </a> + </div> + <div class="col-md-4"> + <h3>Default X Extent</h3> + <a href="./samples/axes_x_extent.html"> + Set default x extent + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Data</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Input Data</h3> + <a href="./samples/data_columned.html"> + Columned data + </a> + <a href="./samples/data_rowed.html"> + Rowed data + </a> + <a href="./samples/data_json.html"> + JSON data + </a> + <a href="./samples/data_url.html"> + Data from URL + </a> + <a href="./samples/data_hide.html"> + Hide data when init + </a> + </div> + <div class="col-md-4"> + <h3>Load Data</h3> + <a href="./samples/data_load.html"> + Load ordinary data + </a> + <a href="./samples/data_load_timeseries.html"> + Load timeseries data + </a> + </div> + <div class="col-md-4"> + <h3>Custom X</h3> + <a href="./samples/custom_x_scale.html"> + Custom x for all data + </a> + <a href="./samples/custom_xs_scale.html"> + Custom x for each data + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Data Label</h3> + <a href="./samples/data_label.html"> + Show label on data + </a> + <a href="./samples/data_label_format.html"> + Show label on data with format + </a> + </div> + <div class="col-md-4"> + <h3>Data Region</h3> + <a href="./samples/data_region.html"> + Set region of data + </a> + <a href="./samples/data_region_timeseries.html"> + Set region of timeseries data + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Components</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Grid</h3> + <a href="./samples/grids.html"> + Show x/y grids + </a> + <a href="./samples/grids_timeseries.html"> + Show x/y grids with timeseries + </a> + <a href="./samples/grid_x_lines.html"> + Show optional x grids + </a> + <a href="./samples/grid_x_lines_timeseries.html"> + Show optional x grids with timeseries + </a> + <a href="./samples/grid_focus.html"> + Hide focus grid + </a> + </div> + <div class="col-md-4"> + <h3>Region</h3> + <a href="./samples/regions.html"> + Show regions + </a> + <a href="./samples/regions_timeseries.html"> + Show regions with timeseries + </a> + </div> + <div class="col-md-4"> + <h3>Legend</h3> + <a href="./samples/legend.html"> + Show legend + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Tooltip</h3> + <a href="./samples/tooltip_show.html"> + Show tooltip + </a> + <a href="./samples/tooltip_grouped.html"> + Show tooltip as each data + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Chart Option</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Bind</h3> + <a href="./samples/bindto.html"> + Specify the element binded + </a> + </div> + <div class="col-md-4"> + <h3>Padding</h3> + <a href="./samples/padding.html"> + Change padding of chart + </a> + <a href="./samples/padding_update.html"> + Auto padding when chart updated + </a> + </div> + <div class="col-md-4"> + <h3>Empty Data</h3> + <a href="./samples/emptydata.html"> + Show text when empty data + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Point</h3> + <a href="./samples/point_r.html"> + Change radius of data point + </a> + </div> + <div class="col-md-4"> + <h3>Bar</h3> + <a href="./samples/bar_zerobased.html"> + Disable zero-based y domain + </a> + </div> + <div class="col-md-4"> + <h3>Area</h3> + <a href="./samples/area_zerobased.html"> + Disable zero-based y domain + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Interaction</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Zoom</h3> + <a href="./samples/zoom.html"> + Enable zoom + </a> + <a href="./samples/zoom.html"> + Zoom on category axis + </a> + <a href="./samples/zoom_reduction.html"> + Zoom with reduction + </a> + <a href="./samples/zoom_onzoom.html"> + Callback on zoom + </a> + </div> + <div class="col-md-4"> + <h3>Subchart</h3> + <a href="./samples/subchart.html"> + Show subchart + </a> + <a href="./samples/subchart_onbrush.html"> + Callback on brush + </a> + </div> + <div class="col-md-4"> + <h3>Selection</h3> + <a href="./samples/selection.html"> + Select data + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Disable Interaction</h3> + <a href="./samples/interaction_enabled.html"> + Disable interaction + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>API</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>Flow</h3> + <a href="./samples/api_flow.html"> + Flow ordinary data + </a> + <a href="./samples/api_flow_timeseries.html"> + Flow timeseries data + </a> + </div> + <div class="col-md-4"> + <h3>Axis</h3> + <a href="./samples/api_axis_range.html"> + Update axis range + </a> + <a href="./samples/api_axis_label.html"> + Update axis label + </a> + </div> + <div class="col-md-4"> + <h3>Grid</h3> + <a href="./samples/api_xgrid_lines.html"> + Update x grid lines + </a> + <a href="./samples/api_ygrid_lines.html"> + Update y grid lines + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Legend</h3> + <a href="./samples/api_legend.html"> + Update legend + </a> + </div> + <div class="col-md-4"> + <h3>Transform</h3> + <a href="./samples/api_transform.html"> + Transform chart + </a> + </div> + <div class="col-md-4"> + <h3>Element</h3> + <a href="./samples/element.html"> + Access svg element of chart + </a> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <h3>Data</h3> + <a href="./samples/api_data_colors.html"> + Update data color + </a> + </div> + <div class="col-md-4"> + <h3>Tooltip</h3> + <a href="./samples/api_tooltip_show.html"> + Show tooltip programmatically + </a> + </div> + </div> + </div> + </div> + + <div class="section"> + <h2># <span>Other Library</span></h2> + <div> + <div class="row"> + <div class="col-md-4"> + <h3>RequireJS</h3> + <a href="./samples/requirejs.html"> + Load by RequireJS + </a> + </div> + </div> + </div> + </div> + + </div> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.js new file mode 120000 index 0000000..644b352 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.js @@ -0,0 +1 @@ +../../c3.js
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.min.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.min.js new file mode 120000 index 0000000..a221dd2 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/c3.min.js @@ -0,0 +1 @@ +../../c3.min.js
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/extensions b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/extensions new file mode 120000 index 0000000..4761652 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/extensions @@ -0,0 +1 @@ +../../extensions/js
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/require.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/require.js new file mode 100644 index 0000000..e599a6a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/require.js @@ -0,0 +1,36 @@ +/* + RequireJS 2.1.11 Copyright (c) 2010-2014, The Dojo Foundation All Rights Reserved. + Available via the MIT or new BSD license. + see: http://github.com/jrburke/requirejs for details +*/ +var requirejs,require,define; +(function(ca){function G(b){return"[object Function]"===M.call(b)}function H(b){return"[object Array]"===M.call(b)}function v(b,c){if(b){var d;for(d=0;d<b.length&&(!b[d]||!c(b[d],d,b));d+=1);}}function U(b,c){if(b){var d;for(d=b.length-1;-1<d&&(!b[d]||!c(b[d],d,b));d-=1);}}function s(b,c){return ga.call(b,c)}function j(b,c){return s(b,c)&&b[c]}function B(b,c){for(var d in b)if(s(b,d)&&c(b[d],d))break}function V(b,c,d,g){c&&B(c,function(c,h){if(d||!s(b,h))g&&"object"===typeof c&&c&&!H(c)&&!G(c)&&!(c instanceof +RegExp)?(b[h]||(b[h]={}),V(b[h],c,d,g)):b[h]=c});return b}function t(b,c){return function(){return c.apply(b,arguments)}}function da(b){throw b;}function ea(b){if(!b)return b;var c=ca;v(b.split("."),function(b){c=c[b]});return c}function C(b,c,d,g){c=Error(c+"\nhttp://requirejs.org/docs/errors.html#"+b);c.requireType=b;c.requireModules=g;d&&(c.originalError=d);return c}function ha(b){function c(a,e,b){var f,n,c,d,g,h,i,I=e&&e.split("/");n=I;var m=l.map,k=m&&m["*"];if(a&&"."===a.charAt(0))if(e){n= +I.slice(0,I.length-1);a=a.split("/");e=a.length-1;l.nodeIdCompat&&R.test(a[e])&&(a[e]=a[e].replace(R,""));n=a=n.concat(a);d=n.length;for(e=0;e<d;e++)if(c=n[e],"."===c)n.splice(e,1),e-=1;else if(".."===c)if(1===e&&(".."===n[2]||".."===n[0]))break;else 0<e&&(n.splice(e-1,2),e-=2);a=a.join("/")}else 0===a.indexOf("./")&&(a=a.substring(2));if(b&&m&&(I||k)){n=a.split("/");e=n.length;a:for(;0<e;e-=1){d=n.slice(0,e).join("/");if(I)for(c=I.length;0<c;c-=1)if(b=j(m,I.slice(0,c).join("/")))if(b=j(b,d)){f=b; +g=e;break a}!h&&(k&&j(k,d))&&(h=j(k,d),i=e)}!f&&h&&(f=h,g=i);f&&(n.splice(0,g,f),a=n.join("/"))}return(f=j(l.pkgs,a))?f:a}function d(a){z&&v(document.getElementsByTagName("script"),function(e){if(e.getAttribute("data-requiremodule")===a&&e.getAttribute("data-requirecontext")===i.contextName)return e.parentNode.removeChild(e),!0})}function g(a){var e=j(l.paths,a);if(e&&H(e)&&1<e.length)return e.shift(),i.require.undef(a),i.require([a]),!0}function u(a){var e,b=a?a.indexOf("!"):-1;-1<b&&(e=a.substring(0, +b),a=a.substring(b+1,a.length));return[e,a]}function m(a,e,b,f){var n,d,g=null,h=e?e.name:null,l=a,m=!0,k="";a||(m=!1,a="_@r"+(M+=1));a=u(a);g=a[0];a=a[1];g&&(g=c(g,h,f),d=j(p,g));a&&(g?k=d&&d.normalize?d.normalize(a,function(a){return c(a,h,f)}):c(a,h,f):(k=c(a,h,f),a=u(k),g=a[0],k=a[1],b=!0,n=i.nameToUrl(k)));b=g&&!d&&!b?"_unnormalized"+(Q+=1):"";return{prefix:g,name:k,parentMap:e,unnormalized:!!b,url:n,originalName:l,isDefine:m,id:(g?g+"!"+k:k)+b}}function q(a){var e=a.id,b=j(k,e);b||(b=k[e]=new i.Module(a)); +return b}function r(a,e,b){var f=a.id,n=j(k,f);if(s(p,f)&&(!n||n.defineEmitComplete))"defined"===e&&b(p[f]);else if(n=q(a),n.error&&"error"===e)b(n.error);else n.on(e,b)}function w(a,e){var b=a.requireModules,f=!1;if(e)e(a);else if(v(b,function(e){if(e=j(k,e))e.error=a,e.events.error&&(f=!0,e.emit("error",a))}),!f)h.onError(a)}function x(){S.length&&(ia.apply(A,[A.length,0].concat(S)),S=[])}function y(a){delete k[a];delete W[a]}function F(a,e,b){var f=a.map.id;a.error?a.emit("error",a.error):(e[f]= +!0,v(a.depMaps,function(f,c){var d=f.id,g=j(k,d);g&&(!a.depMatched[c]&&!b[d])&&(j(e,d)?(a.defineDep(c,p[d]),a.check()):F(g,e,b))}),b[f]=!0)}function D(){var a,e,b=(a=1E3*l.waitSeconds)&&i.startTime+a<(new Date).getTime(),f=[],c=[],h=!1,k=!0;if(!X){X=!0;B(W,function(a){var i=a.map,m=i.id;if(a.enabled&&(i.isDefine||c.push(a),!a.error))if(!a.inited&&b)g(m)?h=e=!0:(f.push(m),d(m));else if(!a.inited&&(a.fetched&&i.isDefine)&&(h=!0,!i.prefix))return k=!1});if(b&&f.length)return a=C("timeout","Load timeout for modules: "+ +f,null,f),a.contextName=i.contextName,w(a);k&&v(c,function(a){F(a,{},{})});if((!b||e)&&h)if((z||fa)&&!Y)Y=setTimeout(function(){Y=0;D()},50);X=!1}}function E(a){s(p,a[0])||q(m(a[0],null,!0)).init(a[1],a[2])}function K(a){var a=a.currentTarget||a.srcElement,e=i.onScriptLoad;a.detachEvent&&!Z?a.detachEvent("onreadystatechange",e):a.removeEventListener("load",e,!1);e=i.onScriptError;(!a.detachEvent||Z)&&a.removeEventListener("error",e,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}function L(){var a; +for(x();A.length;){a=A.shift();if(null===a[0])return w(C("mismatch","Mismatched anonymous define() module: "+a[a.length-1]));E(a)}}var X,$,i,N,Y,l={waitSeconds:7,baseUrl:"./",paths:{},bundles:{},pkgs:{},shim:{},config:{}},k={},W={},aa={},A=[],p={},T={},ba={},M=1,Q=1;N={require:function(a){return a.require?a.require:a.require=i.makeRequire(a.map)},exports:function(a){a.usingExports=!0;if(a.map.isDefine)return a.exports?p[a.map.id]=a.exports:a.exports=p[a.map.id]={}},module:function(a){return a.module? +a.module:a.module={id:a.map.id,uri:a.map.url,config:function(){return j(l.config,a.map.id)||{}},exports:a.exports||(a.exports={})}}};$=function(a){this.events=j(aa,a.id)||{};this.map=a;this.shim=j(l.shim,a.id);this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};$.prototype={init:function(a,e,b,f){f=f||{};if(!this.inited){this.factory=e;if(b)this.on("error",b);else this.events.error&&(b=t(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.errback= +b;this.inited=!0;this.ignore=f.ignore;f.enabled||this.enabled?this.enable():this.check()}},defineDep:function(a,e){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=e)},fetch:function(){if(!this.fetched){this.fetched=!0;i.startTime=(new Date).getTime();var a=this.map;if(this.shim)i.makeRequire(this.map,{enableBuildCallback:!0})(this.shim.deps||[],t(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a= +this.map.url;T[a]||(T[a]=!0,i.load(this.map.id,a))},check:function(){if(this.enabled&&!this.enabling){var a,e,b=this.map.id;e=this.depExports;var f=this.exports,c=this.factory;if(this.inited)if(this.error)this.emit("error",this.error);else{if(!this.defining){this.defining=!0;if(1>this.depCount&&!this.defined){if(G(c)){if(this.events.error&&this.map.isDefine||h.onError!==da)try{f=i.execCb(b,c,e,f)}catch(d){a=d}else f=i.execCb(b,c,e,f);this.map.isDefine&&void 0===f&&((e=this.module)?f=e.exports:this.usingExports&& +(f=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else f=c;this.exports=f;if(this.map.isDefine&&!this.ignore&&(p[b]=f,h.onResourceLoad))h.onResourceLoad(i,this.map,this.depMaps);y(b);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=!0)}}else this.fetch()}},callPlugin:function(){var a= +this.map,b=a.id,d=m(a.prefix);this.depMaps.push(d);r(d,"defined",t(this,function(f){var d,g;g=j(ba,this.map.id);var J=this.map.name,u=this.map.parentMap?this.map.parentMap.name:null,p=i.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(f.normalize&&(J=f.normalize(J,function(a){return c(a,u,!0)})||""),f=m(a.prefix+"!"+J,this.map.parentMap),r(f,"defined",t(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),g=j(k,f.id)){this.depMaps.push(f); +if(this.events.error)g.on("error",t(this,function(a){this.emit("error",a)}));g.enable()}}else g?(this.map.url=i.nameToUrl(g),this.load()):(d=t(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),d.error=t(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];B(k,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),d.fromText=t(this,function(f,c){var g=a.name,J=m(g),k=O;c&&(f=c);k&&(O=!1);q(J);s(l.config,b)&&(l.config[g]=l.config[b]);try{h.exec(f)}catch(j){return w(C("fromtexteval", +"fromText eval for "+b+" failed: "+j,j,[b]))}k&&(O=!0);this.depMaps.push(J);i.completeLoad(g);p([g],d)}),f.load(a.name,p,d,l))}));i.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;v(this.depMaps,t(this,function(a,b){var c,f;if("string"===typeof a){a=m(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=j(N,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;r(a,"defined",t(this,function(a){this.defineDep(b, +a);this.check()}));this.errback&&r(a,"error",t(this,this.errback))}c=a.id;f=k[c];!s(N,c)&&(f&&!f.enabled)&&i.enable(a,this)}));B(this.pluginMaps,t(this,function(a){var b=j(k,a.id);b&&!b.enabled&&i.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){v(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};i={config:l,contextName:b,registry:k,defined:p,urlFetched:T,defQueue:A,Module:$,makeModuleMap:m, +nextTick:h.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=l.shim,c={paths:!0,bundles:!0,config:!0,map:!0};B(a,function(a,b){c[b]?(l[b]||(l[b]={}),V(l[b],a,!0,!0)):l[b]=a});a.bundles&&B(a.bundles,function(a,b){v(a,function(a){a!==b&&(ba[a]=b)})});a.shim&&(B(a.shim,function(a,c){H(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=i.makeShimExports(a);b[c]=a}),l.shim=b);a.packages&&v(a.packages,function(a){var b, +a="string"===typeof a?{name:a}:a;b=a.name;a.location&&(l.paths[b]=a.location);l.pkgs[b]=a.name+"/"+(a.main||"main").replace(ja,"").replace(R,"")});B(k,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=m(b))});if(a.deps||a.callback)i.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ca,arguments));return b||a.exports&&ea(a.exports)}},makeRequire:function(a,e){function g(f,c,d){var j,l;e.enableBuildCallback&&(c&&G(c))&&(c.__requireJsBuild= +!0);if("string"===typeof f){if(G(c))return w(C("requireargs","Invalid require call"),d);if(a&&s(N,f))return N[f](k[a.id]);if(h.get)return h.get(i,f,a,g);j=m(f,a,!1,!0);j=j.id;return!s(p,j)?w(C("notloaded",'Module name "'+j+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):p[j]}L();i.nextTick(function(){L();l=q(m(null,a));l.skipMap=e.skipMap;l.init(f,c,d,{enabled:!0});D()});return g}e=e||{};V(g,{isBrowser:z,toUrl:function(b){var e,d=b.lastIndexOf("."),g=b.split("/")[0];if(-1!== +d&&(!("."===g||".."===g)||1<d))e=b.substring(d,b.length),b=b.substring(0,d);return i.nameToUrl(c(b,a&&a.id,!0),e,!0)},defined:function(b){return s(p,m(b,a,!1,!0).id)},specified:function(b){b=m(b,a,!1,!0).id;return s(p,b)||s(k,b)}});a||(g.undef=function(b){x();var c=m(b,a,!0),e=j(k,b);d(b);delete p[b];delete T[c.url];delete aa[b];U(A,function(a,c){a[0]===b&&A.splice(c,1)});e&&(e.events.defined&&(aa[b]=e.events),y(b))});return g},enable:function(a){j(k,a.id)&&q(a).enable()},completeLoad:function(a){var b, +c,f=j(l.shim,a)||{},d=f.exports;for(x();A.length;){c=A.shift();if(null===c[0]){c[0]=a;if(b)break;b=!0}else c[0]===a&&(b=!0);E(c)}c=j(k,a);if(!b&&!s(p,a)&&c&&!c.inited){if(l.enforceDefine&&(!d||!ea(d)))return g(a)?void 0:w(C("nodefine","No define call for "+a,null,[a]));E([a,f.deps||[],f.exportsFn])}D()},nameToUrl:function(a,b,c){var f,d,g;(f=j(l.pkgs,a))&&(a=f);if(f=j(ba,a))return i.nameToUrl(f,b,c);if(h.jsExtRegExp.test(a))f=a+(b||"");else{f=l.paths;a=a.split("/");for(d=a.length;0<d;d-=1)if(g=a.slice(0, +d).join("/"),g=j(f,g)){H(g)&&(g=g[0]);a.splice(0,d,g);break}f=a.join("/");f+=b||(/^data\:|\?/.test(f)||c?"":".js");f=("/"===f.charAt(0)||f.match(/^[\w\+\.\-]+:/)?"":l.baseUrl)+f}return l.urlArgs?f+((-1===f.indexOf("?")?"?":"&")+l.urlArgs):f},load:function(a,b){h.load(i,a,b)},execCb:function(a,b,c,d){return b.apply(d,c)},onScriptLoad:function(a){if("load"===a.type||ka.test((a.currentTarget||a.srcElement).readyState))P=null,a=K(a),i.completeLoad(a.id)},onScriptError:function(a){var b=K(a);if(!g(b.id))return w(C("scripterror", +"Script error for: "+b.id,a,[b.id]))}};i.require=i.makeRequire();return i}var h,x,y,D,K,E,P,L,q,Q,la=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,ma=/[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,R=/\.js$/,ja=/^\.\//;x=Object.prototype;var M=x.toString,ga=x.hasOwnProperty,ia=Array.prototype.splice,z=!!("undefined"!==typeof window&&"undefined"!==typeof navigator&&window.document),fa=!z&&"undefined"!==typeof importScripts,ka=z&&"PLAYSTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/, +Z="undefined"!==typeof opera&&"[object Opera]"===opera.toString(),F={},r={},S=[],O=!1;if("undefined"===typeof define){if("undefined"!==typeof requirejs){if(G(requirejs))return;r=requirejs;requirejs=void 0}"undefined"!==typeof require&&!G(require)&&(r=require,require=void 0);h=requirejs=function(b,c,d,g){var u,m="_";!H(b)&&"string"!==typeof b&&(u=b,H(c)?(b=c,c=d,d=g):b=[]);u&&u.context&&(m=u.context);(g=j(F,m))||(g=F[m]=h.s.newContext(m));u&&g.configure(u);return g.require(b,c,d)};h.config=function(b){return h(b)}; +h.nextTick="undefined"!==typeof setTimeout?function(b){setTimeout(b,4)}:function(b){b()};require||(require=h);h.version="2.1.11";h.jsExtRegExp=/^\/|:|\?|\.js$/;h.isBrowser=z;x=h.s={contexts:F,newContext:ha};h({});v(["toUrl","undef","defined","specified"],function(b){h[b]=function(){var c=F._;return c.require[b].apply(c,arguments)}});if(z&&(y=x.head=document.getElementsByTagName("head")[0],D=document.getElementsByTagName("base")[0]))y=x.head=D.parentNode;h.onError=da;h.createNode=function(b){var c= +b.xhtml?document.createElementNS("http://www.w3.org/1999/xhtml","html:script"):document.createElement("script");c.type=b.scriptType||"text/javascript";c.charset="utf-8";c.async=!0;return c};h.load=function(b,c,d){var g=b&&b.config||{};if(z)return g=h.createNode(g,c,d),g.setAttribute("data-requirecontext",b.contextName),g.setAttribute("data-requiremodule",c),g.attachEvent&&!(g.attachEvent.toString&&0>g.attachEvent.toString().indexOf("[native code"))&&!Z?(O=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)): +(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=d,L=g,D?y.insertBefore(g,D):y.appendChild(g),L=null,g;if(fa)try{importScripts(d),b.completeLoad(c)}catch(j){b.onError(C("importscripts","importScripts failed for "+c+" at "+d,j,[c]))}};z&&!r.skipDataMain&&U(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(K=b.getAttribute("data-main"))return q=K,r.baseUrl||(E=q.split("/"),q=E.pop(),Q=E.length?E.join("/")+"/":"./",r.baseUrl= +Q),q=q.replace(R,""),h.jsExtRegExp.test(q)&&(q=K),r.deps=r.deps?r.deps.concat(q):[q],!0});define=function(b,c,d){var g,h;"string"!==typeof b&&(d=c,c=b,b=null);H(c)||(d=c,c=null);!c&&G(d)&&(c=[],d.length&&(d.toString().replace(la,"").replace(ma,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(O){if(!(g=L))P&&"interactive"===P.readyState||U(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return P=b}),g=P;g&&(b|| +(b=g.getAttribute("data-requiremodule")),h=F[g.getAttribute("data-requirecontext")])}(h?h.defQueue:S).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};h(r)}})(this); diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/plugin.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/plugin.js new file mode 100644 index 0000000..e5a0718 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/plugin.js @@ -0,0 +1,13 @@ +c3.chart.internal.fn.isTimeSeries = function () { + console.log('custom isTimeSeries'); + return false; +}; +c3.chart.internal.fn.additionalConfig.test1 = undefined; +c3.chart.internal.fn.additionalConfig.test2 = undefined; + +c3.chart.fn.hoge = function () { + console.log("hoge()", this.internal.isTimeSeries()); +}; +c3.chart.fn.test = function () { + console.log('test()', this.internal.config.test1); +}; diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/requirejs.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/requirejs.js new file mode 100644 index 0000000..95f5a7d --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/requirejs.js @@ -0,0 +1,18 @@ +require.config({ + baseUrl: '/js', + paths: { + d3: "http://d3js.org/d3.v3.min" + } +}); + +require(["d3", "c3"], function(d3, c3) { + + window.chart = c3.generate({ + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150, 250] + ] + } + }); + +}); diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/zoom_reduction.js b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/zoom_reduction.js new file mode 100644 index 0000000..0c12921 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/js/samples/zoom_reduction.js @@ -0,0 +1,81 @@ +var chart; +function refresh() { + if (suspendRefresh) + return; + chart.load({ + columns: [ + ["Value"].concat(zoom(column, currentZoom, "t=>Math.round(t.avg())".toLambda())), + ["xColumn"].concat(zoom(xColumn, currentZoom, "t=>t[0]".toLambda())), + ] + }); +} + +function getChart() { + return chart; +} +function main() { + var last = 0; + var max = 10000; + var column = Array.generate(max, function (i) { + return last += Math.randomInt(-10, 10); + }); + var xColumn = Array.generateNumbers(0, max); + var options = { + bindto: "#divChart", + data: { + columns: [ + ["Value"].concat(column), + ["x"].concat(xColumn), + ], + type: "line", + x: "x" + }, + zoom2: { + enabled: true, + } + }; + chart = c3ext.generate(options); + + window.setInterval(refreshStatus, 1000); + + function refreshStatus() { + var zoomInfo = chart.zoom2.getZoom(); + var info = { + reduced: chart.zoom2.maxItems(), + actual: (zoomInfo.currentZoom[1] - zoomInfo.currentZoom[0]), + range: zoomInfo.currentZoom[0] + "-" + zoomInfo.currentZoom[1], + total: zoomInfo.totalItems + }; + $("#status").text(JSON.stringify(info, null, " ")); + } + +}; + +if (typeof (Array.generate) == "undefined") { + Array.generate = function (length, generator) { + var list = new Array(length); + for (var i = 0; i < length; i++) { + list[i] = generator(i); + } + return list; + } +} +if (typeof (Math.randomInt) == "undefined") { + Math.randomInt = function (min, max) { + return Math.floor(Math.random() * (max - min + 1)) + min; + } +} +if (typeof (Array.generateNumbers) == "undefined") { + Array.generateNumbers = function (from, until) { + if (arguments.length == 1) { + until = from; + from = 0; + } + var length = until - from; + var list = new Array(length); + for (var i = 0; i < length; i++) { + list[i] = i + from; + } + return list; + } +}
\ No newline at end of file diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_label.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_label.html new file mode 100644 index 0000000..b53de6a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_label.html @@ -0,0 +1,70 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + axes: { + data1: 'y', + data2: 'y2', + } + }, + axis: { + x: { + label: 'X Label' + }, + y: { + label: { + text: 'Y Axis Label', + position: 'outer-middle' + } + }, + y2: { + show: true, + label: { + text: 'Y2 Axis Label', + position: 'outer-middle' + } + } + }, + tooltip: { +// enabled: false + }, + zoom: { +// enabled: true + }, + subchart: { +// show: true + } + }); + + setTimeout(function () { + chart.axis.labels({ + x: 'New X Axis Label', + y: 'New Y Axis Label', + y2: 'New Y2 Axis Label', + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 100, 300, 600, 200, 400, 500] + ] + }); + chart.axis.labels({y: 'New Y Axis Label Again'}); + }, 2000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_range.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_range.html new file mode 100644 index 0000000..daa7843 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_axis_range.html @@ -0,0 +1,81 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + axes: { + data1: 'y', + data2: 'y2', + } + }, + axis: { + x: { + label: 'X Label' + }, + y: { + label: { + text: 'Y Axis Label', + position: 'outer-middle' + } + }, + y2: { + show: true, + label: { + text: 'Y2 Axis Label', + position: 'outer-middle' + } + } + }, + tooltip: { +// enabled: false + }, + zoom: { +// enabled: true + }, + subchart: { +// show: true + } + }); + + setTimeout(function () { + chart.axis.max(500); + }, 1000); + + setTimeout(function () { + chart.axis.min(-500); + }, 2000); + + setTimeout(function () { + chart.axis.max({y: 600, y2: 100}); + }, 3000); + + setTimeout(function () { + chart.axis.min({y: -600, y2: -100}); + }, 4000); + + setTimeout(function () { + chart.axis.range({max: 1000, min: -1000}); + }, 5000); + + setTimeout(function () { + chart.axis.range({min: {y: 1000}, max: {y: 2000}}); + }, 6000); + + setTimeout(function () { + chart.axis.range({max: {y: 600, y2: 100}, min: {y: -100, y2: 0}}); + }, 7000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_category.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_category.html new file mode 100644 index 0000000..143c31d --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_category.html @@ -0,0 +1,48 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + <div id="message"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + x: 'x', + columns: [ + ['x', '1e-3', '1e-2', '1'], + ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] + ] + }, + axis: { + x: { + type: 'categorized' + } + } + }); + + setTimeout(function () { + d3.select('#message').node().innerHTML = "chart.categories() =>" + chart.categories(); + }, 1000); + + setTimeout(function () { + chart.categories(['updated 1', 'updated 2', 'updated 3', 'updated 4']); + d3.select('#message').node().innerHTML = ""; + }, 2000); + + setTimeout(function () { + d3.select('#message').node().innerHTML = "chart.category(1) =>" + chart.category(1); + }, 3000); + + setTimeout(function () { + chart.category(1, 'UPDATED 1'); + d3.select('#message').node().innerHTML = ""; + }, 4000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_data_colors.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_data_colors.html new file mode 100644 index 0000000..755341a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_data_colors.html @@ -0,0 +1,33 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + }, + axis: { + x: { + type: 'category' + } + } + }); + + setTimeout(function () { + chart.data.colors({data1: '#000'}); + }, 1000); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow.html new file mode 100644 index 0000000..363faf5 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow.html @@ -0,0 +1,223 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + <style> + .c3-region-1 { + fill: #dd3333; + fill-opacity: 0.8 + } + </style> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var padding = {}, types = {}, chart, generate = function () { return c3.generate({ + data: { + columns: [ + ['data1'], + ['data2'], + ], + types: types, + labels: true + }, + bar: { + width: 10 + }, + axis: { + x: { + padding: padding + }, + y: { +/* + min: -100, + max: 1000 +*/ + } + }, + grid: { + x: { + show: true, + lines: [{value: 3, text:'Label 3'}, {value: 4.5, text: 'Label 4.5'}] + }, + y: { + show: true + } + }, + regions: [ + {start:2, end:4, class:'region1'}, + {start:100, end:200, axis:'y'}, + ], + }); + }; + + function run() { + + chart = generate(); + + setTimeout(function () { + // Load only one data + chart.flow({ + rows: [ + ['data1', 'data2', 'data3'], + [500, 100, 200], + [200, null, null], + [100, 50, null] + ], + duration: 1500, + + done: function () { + // Load 2 data without data2 and remove 1 data + chart.flow({ + columns: [ + ['data1', 200, 300], + ['data3', 100, 100] + ], + length: 0, + duration: 1500, + + done: function () { + chart.flow({ + columns: [ + ['data1', 200, 300], + ['data2', 200, 300], + ['data3', 100, 100] + ], + length: 2, + duration: 1500, + done: function () { + + chart.flow({ + columns: [ + ['data1', 500], + ['data2', 100], + ['data3', 200] + ], + length: 1, + duration: 1500, + }); + } + + }); + }// done + + }); + }, + + }); + }, 1000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 250], + ['data2', 350], + ['data3', 150] + ], + length: 0 + }); + }, 9000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 100], + ['data2', 50], + ['data3', 300] + ], + length: 2 + }); + }, 10000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 600], + ['data2', 400], + ['data3', 500] + ], + to: 2, + }); + }, 11000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 100], + ['data2', 200], + ['data3', 300] + ] + }); + }, 12000); + + setTimeout(function () { + chart = generate(); + }, 13000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 500, 100], + ['data2', 100, 200], + ['data3', 200, 300], + ], + duration: 1500, + done: function () { + chart.flow({ + columns: [ + ['data1', 200], + ['data3', 100] + ], +// duration: 1000, + length: 1 + }); + }, + }); + }, 14000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 200], + ['data2', 300], + ['data3', 100] + ], + to: 1, + }); + }, 18000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['data1', 200], + ['data2', 300], + ['data3', 400] + ] + }); + }, 19000); + + } + + run(); + + // Test for no padding + setTimeout(function () { + padding = {left: 0, right: 0}; + run(); + }, 22000); + + // Test for other chart types + setTimeout(function () { + types = { + data2: 'area', + data3: 'bar', + }; + run(); + }, 45000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow_timeseries.html new file mode 100644 index 0000000..216d7e4 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_flow_timeseries.html @@ -0,0 +1,173 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var padding = {}, types = {}; + + var generate = function () { return c3.generate({ + data: { + x: 'x', + columns: [ + ['x', ], + ['data1', ], + ['data2', ], +// ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-10', '2013-01-11', '2013-01-12'], +// ['data1', 30, 200, 100, 400, 150, 250], +// ['data2', 310, 400, 200, 100, 450, 150], +// ['data3', 310, 400, 200, 100, null, 150], + ], + types: types, +// labels: true + }, + bar: { + width: 10 + }, + axis: { + x: { + type: 'timeseries', + tick: { + format: '%m/%d', + }, + padding: padding + }, + y: { +/* + min: -100, + max: 1000 +*/ + } + }, +/* not supported yet + grid: { + x: { + show: true + }, + y: { + show: true + } + } +*/ + }); }, chart; + + function run() { + + chart = generate(); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-01-21'], + ['data1', 500], + ['data3', 200], + ], + duration: 1500 + }); + }, 1000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-02-01', '2013-02-08', '2013-02-15'], + ['data1', 200, 400, 300], + ['data2', 100, 300, 200], + ['data3', 100, 200, 50] + ], + length: 1, + duration: 1500 + }); + }, 4000); + + setTimeout(function () { + console.log("Flow 1"); + chart.flow({ + columns: [ + ['x', '2013-03-01', '2013-03-08'], + ['data1', 200, 500], + ['data2', 300, 400], + ['data3', 400, 200] + ], + to: '2013-02-08', + duration: 1500 + }); + }, 7000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-03-15', '2013-05-01'], + ['data1', 200, 500], + ['data2', 300, 400], + ['data3', 400, 200] + ], + length: 0, + duration: 1500 + }); + }, 10000); + + setTimeout(function () { + chart = generate(); + }, 14000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-01-21', '2013-01-25', '2013-01-26'], + ['data1', 500, 300, 100], + ['data3', 200, 150, null], + ], + duration: 1500 + }); + }, 15000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-02-01'], + ['data1', 200], + ['data2', 100], + ['data3', 100] + ], + length: 0, + duration: 1500 + }); + }, 18000); + + setTimeout(function () { + chart.flow({ + columns: [ + ['x', '2013-03-01'], + ['data1', 200], + ['data2', 300], + ['data3', 400] + ], + to: '2013-02-01', + duration: 1500 + }); + }, 21000); + }; + + run(); + + setTimeout(function () { + padding = {left: 0, right: 0}; + run(); + }, 25000); + + setTimeout(function () { + types = { + data2: 'area', + data3: 'bar', + } + run(); + }, 50000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_legend.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_legend.html new file mode 100644 index 0000000..dfc6994 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_legend.html @@ -0,0 +1,136 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var columns = []; + for (var i = 0; i < 5; i++ ) { + columns[i] = ['datahogehogeohgeohoge' + i, 10 * i, 20 * i, 30 * i]; + } + + var chart = c3.generate({ + data: { + columns: columns, + }, + axis: { + x: { + type: 'category' + } + } + }); + + setTimeout(function () { + chart.legend.hide(); + }, 1000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + axis: { + x: { + type: 'category' + } + }, + legend: { + position: 'right' + } + }); + }, 2000); + + setTimeout(function () { + chart.legend.hide(); + }, 3000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + axis: { + rotated: true + } + }); + }, 4000); + + setTimeout(function () { + chart.legend.hide(); + }, 5000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + legend: { + position: 'right' + }, + axis: { + rotated: true + } + }); + }, 6000); + + setTimeout(function () { + chart.legend.hide(); + }, 7000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + legend: { + show: false + } + }); + }, 8000); + + setTimeout(function () { + chart.legend.show(); + }, 9000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + legend: { + show: false + }, + axis: { + rotated: true + } + }); + }, 10000); + + setTimeout(function () { + chart.legend.show(); + }, 11000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: columns, + }, + legend: { + position: 'right', + show: false + } + }); + }, 12000); + + setTimeout(function () { + chart.legend.show(); + }, 13000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_tooltip_show.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_tooltip_show.html new file mode 100644 index 0000000..b4a82b5 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_tooltip_show.html @@ -0,0 +1,38 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + } + }); + + setTimeout(function () { + chart.tooltip.show({ x: 1 }); + }, 1000); + + setTimeout(function () { + chart.tooltip.show({ index: 3 }); + }, 2000); + + setTimeout(function () { + chart.tooltip.show({ data: {x: 2} }); + }, 3000); + + setTimeout(function () { + chart.tooltip.hide(); + }, 4000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_transform.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_transform.html new file mode 100644 index 0000000..4a85426 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_transform.html @@ -0,0 +1,70 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + }, + }); + + setTimeout(function () { + chart.transform('bar'); + }, 1000); + + setTimeout(function () { + chart.transform('pie'); + }, 2000); + + setTimeout(function () { + chart.transform('donut'); + }, 3000); + + setTimeout(function () { + chart.transform('area'); + }, 4000); + + setTimeout(function () { + chart.transform('spline'); + }, 5000); + + setTimeout(function () { + chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25], + ['data1_x', 50, 20, 10, 40, 15, 25], + ['data2_x', 30, 200, 100, 400, 150, 250], + ], + xs: { + data1: 'data1_x', + data2: 'data2_x', + }, + type: 'scatter' + }, + }); + }, 7000); + + setTimeout(function () { + chart.transform('pie'); + }, 8000); + + setTimeout(function () { + chart.transform('scatter'); + }, 9000); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_xgrid_lines.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_xgrid_lines.html new file mode 100644 index 0000000..661d111 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_xgrid_lines.html @@ -0,0 +1,125 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var axis_rotated = false, axis_x_type = ""; + + var generate = function () { return c3.generate({ + bindto: '#chart', + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150, 250] + ] + }, + axis: { + rotated: axis_rotated, + x: { + type: axis_x_type + } + }, + grid: { + x: { +// lines: [{value: 3, text:'Label 3'}, {value: 4.5, text: 'Label 4.5'}] + } + } + }); }, chart = generate(); + + var queue = [ + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids([{value: 2, text:'Label 2'}]); + }, + function () { + chart.xgrids.add([{value: 3, text:'Label 3', class:'hoge'}]); + }, + function () { + chart.xgrids.remove({value:2}); + }, + function () { + chart.xgrids.remove({class:'hoge'}); + }, + function () { + chart.xgrids.remove([{value: 1}, {value: 4}]); + }, + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids.remove(); + }, + function () { + axis_rotated = true; + chart = generate(); + }, + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids([{value: 2, text:'Label 2'}]); + }, + function () { + chart.xgrids.add([{value: 3, text:'Label 3', class:'hoge'}]); + }, + function () { + chart.xgrids.remove({value:2}); + }, + function () { + chart.xgrids.remove({class:'hoge'}); + }, + function () { + chart.xgrids.remove([{value: 1}, {value: 4}]); + }, + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids.remove(); + }, + function () { + axis_rotated = false; + axis_x_type = 'category'; + chart = generate(); + }, + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids([{value: 2, text:'Label 2'}]); + }, + function () { + chart.xgrids.add([{value: 3, text:'Label 3', class:'hoge'}]); + }, + function () { + chart.xgrids.remove({value:2}); + }, + function () { + chart.xgrids.remove({class:'hoge'}); + }, + function () { + chart.xgrids.remove([{value: 1}, {value: 4}]); + }, + function () { + chart.xgrids([{value: 1, text:'Label 1'}, {value: 4, text: 'Label 4'}]); + }, + function () { + chart.xgrids.remove(); + }, + ]; + + var i = 0; + queue.forEach(function (f) { + setTimeout(f, 1000 * i++); + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_ygrid_lines.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_ygrid_lines.html new file mode 100644 index 0000000..57784ed --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/api_ygrid_lines.html @@ -0,0 +1,50 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150, 250] + ] + }, + axis: { +// rotated: true, + }, + grid: { + y: { +// lines: [{value: 30, text:'Label 30'}, {value: 250, text: 'Label 250'}] + } + } + }); + + setTimeout(function () { + chart.ygrids([{value: 130, text:'Label 130'}, {value: 50, text: 'Label 50'}]); + }, 1000); + + setTimeout(function () { + chart.ygrids([{value: 130, text:'Label 130', class: 'hoge'}]); + }, 2000); + + setTimeout(function () { + chart.ygrids.add([{value: 230, text:'Label 230', class: 'hoge'}]); + }, 3000); + + setTimeout(function () { + chart.ygrids.remove({value: 230}); + }, 4000); + + setTimeout(function () { + chart.ygrids.remove({class: 'hoge'}); + }, 5000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/area_zerobased.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/area_zerobased.html new file mode 100644 index 0000000..f7975c9 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/area_zerobased.html @@ -0,0 +1,25 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 1030, 1200, 1100, 1400, 1150, 1250], + ['data2', 2130, 2100, 2140, 2200, 2150, 1850] + ], + type: 'area', + }, + area: { + zerobased: false + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_padding.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_padding.html new file mode 100644 index 0000000..c562a4a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_padding.html @@ -0,0 +1,62 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 300, 2000, 1000, 4000, 1500, 2500], + ], + axes: { + data2: 'y2' + } + }, + axis: { + y: { + padding: { + top: 0.1, + bottom: 0.1, + unit: 'ratio' + } + }, + y2: { + show: true, + padding: { + top: 200, + bottom: 200, + } + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', 3000, 20000, 10000, 40000, 15000, 25000], + ], + }, + axis: { + y: { + padding: { + top: 0.1, + bottom: 0.1, + unit: 'ratio' + } + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_range.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_range.html new file mode 100644 index 0000000..732200a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_range.html @@ -0,0 +1,87 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['sample', 100, 200, 100, 400, 150, 250] + ], + }, + axis: { + x: { + min: -10, + max: 10, + } + }, + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + x: 'x', + columns: [ + ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], + ['sample', 100, 200, 100, 400, 150, 250] + ], + }, + axis: { + x: { + type: 'timeseries', + min: new Date('2012-12-20'), + max: '2013-03-01', + tick : { + format : "%Y-%m-%d %H:%M:%S" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + } + } + } + }); + + setTimeout(function () { + chart1.axis.max({x: 20}); + }, 1000); + + setTimeout(function () { + chart1.axis.min({x: -5}); + }, 2000); + + setTimeout(function () { + chart1.axis.range({max: {x: 5}, min: {x: 0}}); + }, 3000); + + setTimeout(function () { + chart2.axis.max({x: new Date('2013-02-01')}); + }, 1000); + + setTimeout(function () { + chart2.axis.min({x: new Date('2012-12-01')}); + }, 2000); + + setTimeout(function () { + chart2.axis.range({max: {x: '2013-01-06'}, min: {x: '2013-01-01'}}); + }, 3000); + + setTimeout(function () { + chart2.axis.max({y: 1000}); + }, 4000); + + setTimeout(function () { + chart2.axis.min({y: -1000}); + }, 5000); + + setTimeout(function () { + chart2.axis.range({max: {y: 400}, min: {y: 0}}); + }, 6000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_extent.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_extent.html new file mode 100644 index 0000000..b433824 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_extent.html @@ -0,0 +1,76 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 100, 200, 50, 300, 400, 290], + ['data2', 10, 20, 50, 30, 10, 100], + ], + }, + axis: { + x: { + extent: [2, 4.5] + } + }, + subchart: { + show: true + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + x: 'x', + columns: [ + ['x', '2014-01-01', '2014-02-01', '2014-03-01', '2014-04-01', '2014-05-01', '2014-06-01'], + ['data1', 100, 200, 50, 300, 400, 290], + ['data2', 10, 20, 50, 30, 10, 100], + ], + }, + axis: { + x: { + type: 'timeseries', + extent: ['2014-03-01', '2014-04-20'] + } + }, + subchart: { + show: true + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', 100, 200, 50, 300, 400, 290], + ['data2', 10, 20, 50, 30, 10, 100], + ], + }, + axis: { + x: { + extent: [1, 4.2] + } + }, + zoom: { + enabled: true + }, + subchart: { + show: true + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_localtime.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_localtime.html new file mode 100644 index 0000000..3b5813e --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_localtime.html @@ -0,0 +1,137 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var data, axis_x_localtime; + + var data1 = { + x : 'date', + columns: [ + ['date', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05'], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }; + + var data2 = { + x : 'date', + columns: [ + ['date', 1356966000000, 1357052400000, 1357138800000, 1357225200000, 1357311600000], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }; + + var data3 = { + x : 'date', + columns: [ + ['date', new Date(1356966000000), new Date(1357052400000), new Date(1357138800000), new Date(1357225200000), new Date(1357311600000)], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }; + + var data4 = { + x : 'date', + x_format : '%Y%m%d', + columns: [ + ['date', '20130101', '20130102', '20130103', '20130104', '20130105'], + ['sample', 1030, 1200, 1100, 1400, 1150], + ['sample2', 130, 300, 200, 450, 250] + ] + }; + + var data5 = { + x : 'date', + x_format : '%Y%m%d %H:%M:%S', + columns: [ + ['date', '20130101 00:00:00', '20130102 00:00:00', '20130103 00:00:00', '20130104 00:00:00', '20130105 00:00:00'], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 1130, 1300, 1200, 1450, 1250] + ] + }; + + var generate = function () { return c3.generate({ + bindto: '#chart', + data: data, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%Y-%m-%d %H:%M:%S" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + }, + localtime: axis_x_localtime + } + } + }); }; + + setTimeout(function () { + data = data1; + axis_x_localtime = true; + chart = generate(); + }, 1000); + + setTimeout(function () { + data = data1; + axis_x_localtime = false; + chart = generate(); + }, 2000); + + setTimeout(function () { + data = data2; + axis_x_localtime = true; + chart = generate(); + }, 3000); + + setTimeout(function () { + data = data2; + axis_x_localtime = false; + chart = generate(); + }, 4000); + + setTimeout(function () { + data = data3; + axis_x_localtime = true; + chart = generate(); + }, 5000); + + setTimeout(function () { + data = data3; + axis_x_localtime = false; + chart = generate(); + }, 6000); + + setTimeout(function () { + data = data4; + axis_x_localtime = true; + chart = generate(); + }, 7000); + + setTimeout(function () { + data = data4; + axis_x_localtime = false; + chart = generate(); + }, 8000); + + setTimeout(function () { + data = data5; + axis_x_localtime = true; + chart = generate(); + }, 9000); + + setTimeout(function () { + data = data5; + axis_x_localtime = false; + chart = generate(); + }, 10000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_range_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_range_timeseries.html new file mode 100644 index 0000000..4b98bb9 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_range_timeseries.html @@ -0,0 +1,57 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + "bindto": "#chart1", + "axis": { + "x": { + "type": "timeseries", + "min": 1401879600000, + "max": 1401969600000, + } + }, + "data": { + "type": "line", + "columns": [ + ["epoch", 1401879600000, 1401883200000, 1401886800000], + ["y", 1955, 2419, 2262] + ], + "xs": { + "y": "epoch" + } + } + }); + + var chart2 = c3.generate({ + "bindto": "#chart2", + "axis": { + "x": { + "type": "timeseries", + "min": new Date(1401879600000), + "max": new Date(1401969600000), + } + }, + "data": { + "type": "line", + "columns": [ + ["epoch", 1401879600000, 1401883200000, 1401886800000], + ["y", 1955, 2419, 2262] + ], + "xs": { + "y": "epoch" + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_culling.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_culling.html new file mode 100644 index 0000000..f0f54ca --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_culling.html @@ -0,0 +1,39 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ] + }, + axis: { + x: { + tick: { + culling: { + max: 2 + } + } + } + }, + tooltip: { +// enabled: false + }, + zoom: { +// enabled: true + }, + subchart: { +// show: true + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_fit.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_fit.html new file mode 100644 index 0000000..5f8ed36 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_fit.html @@ -0,0 +1,35 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + x: 'x', + columns: [ + ['x', '2013-10-31', '2013-11-30', '2013-12-31', '2014-01-31', '2014-02-28'], +// ['x', 30, 70, 150, 200, 350], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 500, 250] + ] + }, + axis : { + x : { + type : 'timeseries', + tick: { + fit: true + } + } + }, + subchart: { +// show: true + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_rotate.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_rotate.html new file mode 100644 index 0000000..9cfb531 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_rotate.html @@ -0,0 +1,55 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250, 100, 600], + ['data2', 50, 20, 10, 40, 15, 25], + ] + }, + axis: { +// rotated: true, + x: { + tick: { + format: function () { return "hogehogehogehogehoge"; }, + rotate: 30, + }, + label: { + text: 'Hogehoge', + position: 'outer-middle' + }, + height: 90, + }, + y: { + label: { + text: 'Y Label', + position: 'outer-center' + } + } + }, + subchart: { + show: true + } + }); + + setTimeout(function () { + chart.load({ + columns: [ +// ['data1', 30, 200, 100, 400, 150, 250, 100, 400], + ['data1', 1030, 2000, 1000, 1400, 1500, 1250, 1100, 140000], + ] + }) + }, 1000); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_values.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_values.html new file mode 100644 index 0000000..c8922e6 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_x_tick_values.html @@ -0,0 +1,55 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + }, + axis: { + x : { + tick: { + values: [2, 4] + } + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + x : 'date', + xFormat : '%Y%m%d', + columns: [ + ['date', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'], + ['sample', 30, 200, 100, 400, 150, 250], + ['sample2', 130, 300, 200, 450, 250, 350] + ] + }, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%e %b %y", // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + values: ['20130103', '20130104'] + } + } + } + }); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y2.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y2.html new file mode 100644 index 0000000..e146c6c --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y2.html @@ -0,0 +1,30 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + axes: { + data1: 'y', + data2: 'y2' + } + }, + axis: { + y2: { + show: true + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y_default.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y_default.html new file mode 100644 index 0000000..50119eb --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/axes_y_default.html @@ -0,0 +1,26 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1'], + ['data2'], + ], + }, + axis: { + y: { + default: [-100, 100] + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bar_zerobased.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bar_zerobased.html new file mode 100644 index 0000000..55d02a8 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bar_zerobased.html @@ -0,0 +1,25 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 1030, 1200, 1100, 1400, 1150, 1250], + ['data2', 2130, 2100, 2140, 2200, 2150, 1850] + ], + type: 'bar', + }, + bar: { + zerobased: false + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bindto.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bindto.html new file mode 100644 index 0000000..14e813d --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/bindto.html @@ -0,0 +1,41 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1" style="height:300px;"></div> + <div class="chart2" style="height:150px;"></div> + <div class="chart3" style="height:150px;"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 130, 210, 120, 440, 250, 350] + ] + } + }); + + var chart2 = c3.generate({ + bindto: '.chart2', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250] + ] + } + }); + + var chart3 = c3.generate({ + bindto: document.getElementsByClassName('chart3')[0], + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250] + ] + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/categorized.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/categorized.html new file mode 100644 index 0000000..0e4a1b5 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/categorized.html @@ -0,0 +1,54 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + x: 'x', + columns: [ + ['x', '1e-3', '1e-2', '1'], + ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] + ] + }, + axis: { + x: { + type: 'categorized' + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] + ] + }, + axis: { + x: { + categories: ['1e-3', '1e-2', '1e-1', '0', 'hoge'], + type: 'categorized' + } + } + }); + + setTimeout(function () { + chart1.load({columns:[['data2', 30, 20, 50, 40, 60, 50, 100, 200, 300,100]]}); + }, 1000); + + setTimeout(function () { + chart2.load({columns:[['data2', 30, 20, 50, 40, 60, 50, 100, 200, 300,100]]}); + }, 2000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area.html new file mode 100644 index 0000000..04ec6bd --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area.html @@ -0,0 +1,88 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <h3>Zerobased</h3> + <div id="chart1"></div> + <h3>Not zerobased because of axis.y.min</h3> + <div id="chart2"></div> + <h3>Zerobased</h3> + <div id="chart3"></div> + <h3>Not zerobased because of axis.y.min</h3> + <div id="chart4"></div> + <h3>+/- vaulues</h3> + <div id="chart5"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], + ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'area' + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], + ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'area' + }, + axis: { + y: { + min: 100, + } + }, + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, 0], + ['data2', -130, -100, -140, -200, -150, -50] + ], + type: 'area' + } + }); + + var chart4 = c3.generate({ + bindto: '#chart4', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, 0], + ['data2', -130, -100, -140, -200, -150, -50] + ], + type: 'area' + }, + axis: { + y: { + max: -100, + } + } + }); + + var chart5 = c3.generate({ + bindto: '#chart5', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 0], + ['data2', -130, -100, 140, -200, 150, -50] + ], + type: 'area' + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline.html new file mode 100644 index 0000000..836474a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline.html @@ -0,0 +1,49 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], + ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'area-spline' + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, 0], + ['data2', -130, -100, -140, -200, -150, -50] + ], + type: 'area-spline' + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 0], + ['data2', -130, -100, 140, -200, 150, -50] + ], + type: 'area-spline' + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline_stacked.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline_stacked.html new file mode 100644 index 0000000..a5448cb --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_spline_stacked.html @@ -0,0 +1,52 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 100], + ['data2', 130, 0, 140, 200, 0, 50], + ], + type: 'area-spline', + groups: [['data1', 'data2']], + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, -100], + ['data2', -130, 0, -140, -200, 0, -50] + ], + type: 'area-spline', + groups: [['data1', 'data2']], + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 100], + ['data2', -130, 0, 140, -200, 150, -50] + ], + type: 'area-spline', + groups: [['data1', 'data2']], + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_stacked.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_stacked.html new file mode 100644 index 0000000..9830d94 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_stacked.html @@ -0,0 +1,52 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 100], + ['data2', 130, 0, 140, 200, 0, 50], + ], + type: 'area', + groups: [['data1', 'data2']], + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, -100], + ['data2', -130, 0, -140, -200, 0, -50] + ], + type: 'area', + groups: [['data1', 'data2']], + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 100], + ['data2', -130, 0, 140, -200, 150, -50] + ], + type: 'area', + groups: [['data1', 'data2']], + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step.html new file mode 100644 index 0000000..2ba7a27 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step.html @@ -0,0 +1,49 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], + ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'area-step' + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, 0], + ['data2', -130, -100, -140, -200, -150, -50] + ], + type: 'area-step' + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 0], + ['data2', -130, -100, 140, -200, 150, -50] + ], + type: 'area-step' + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step_stacked.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step_stacked.html new file mode 100644 index 0000000..ce470e4 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_area_step_stacked.html @@ -0,0 +1,52 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], + ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'area-step', + groups: [['data1', 'data2']], + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -300, -350, -300, 0, 0, 0], + ['data2', -130, -100, -140, -200, -150, -50] + ], + type: 'area-step', + groups: [['data1', 'data2']], + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -300, 350, -300, 0, 0, 0], + ['data2', -130, -100, 140, -200, 150, -50] + ], + type: 'area-step', + groups: [['data1', 'data2']], + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar.html new file mode 100644 index 0000000..1f19af7 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar.html @@ -0,0 +1,38 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 1030, 1200, 1100, 1400, 1150, 1250], + ['data2', 2130, 2100, 2140, 2200, 2150, 1850] +// ['data1', 30, 200, 100, 400, 150, 250], +// ['data2', 130, 100, 140, 200, 150, 50] + ], + type: 'bar', + onclick: function (d, element) { console.log("onclick", d, element); }, + onmouseover: function (d) { console.log("onmouseover", d); }, + onmouseout: function (d) { console.log("onmouseout", d); } + }, + axis: { + x: { + type: 'categorized' + } + }, + bar: { + width: { + ratio: 0.3, +// max: 30 + }, + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar_stacked.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar_stacked.html new file mode 100644 index 0000000..d47fdd7 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_bar_stacked.html @@ -0,0 +1,91 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var axis_x_type = 'category', + axis_rotated = false; + + var generate = function () { return c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 200, 400, 150, -250], + ['data2', 130, -100, 100, 200, 150, 50], + ['data3', 230, -200, 200, 0, 250, 250] + ], + type: 'bar', + groups: [ + ['data1', 'data2'] + ] + }, + axis: { + x: { + type: axis_x_type + }, + rotated: axis_rotated + }, + grid: { + y: { + lines: [{value:0}] + } + }, + }); }, chart = generate(); + + function update1() { + chart.groups([['data1', 'data2', 'data3']]) + } + + function update2() { + chart.load({ + columns: [['data4', 100, 50, 150, -200, 300, -100]] + }); + } + + function update3() { + chart.groups([['data1', 'data2', 'data3', 'data4']]) + } + + + setTimeout(update1, 1000); + setTimeout(update2, 2000); + setTimeout(update3, 3000); + + + setTimeout(function () { + axis_rotated = true; + chart = generate(); + }, 4000); + setTimeout(update1, 5000); + setTimeout(update2, 6000); + setTimeout(update3, 7000); + + + setTimeout(function () { + axis_x_type = ''; + axis_rotated = false; + chart = generate(); + }, 8000); + setTimeout(update1, 9000); + setTimeout(update2, 10000); + setTimeout(update3, 11000); + + + setTimeout(function () { + axis_x_type = ''; + axis_rotated = true; + chart = generate(); + }, 12000); + setTimeout(update1, 13000); + setTimeout(update2, 14000); + setTimeout(update3, 15000); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_combination.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_combination.html new file mode 100644 index 0000000..42eb59a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_combination.html @@ -0,0 +1,41 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 20, 50, 40, 60, 50], + ['data2', 200, 130, 90, 240, 130, 220], + ['data3', 300, 200, 160, 400, 250, 250], + ['data4', 200, 130, 90, 240, 130, 220], + ['data5', 130, 120, 150, 140, 160, 150], + ['data6', 90, 70, 20, 50, 60, 120], + ], + types: { + data1: 'bar', + data2: 'bar', + data3: 'spline', + data4: 'line', + data5: 'bar', + data6: 'area' + }, + groups: [ + ['data1','data2'] + ] + }, + axis: { + x: { + type: 'categorized' + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_donut.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_donut.html new file mode 100644 index 0000000..d8453d3 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_donut.html @@ -0,0 +1,60 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ +// ["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2], + ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3], + ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8], + ["setosa", 30], +// ["versicolor", 40], +// ["virginica", 50], + ], + type : 'donut', + onmouseover: function (d, i) { console.log("onmouseover", d, i, this); }, + onmouseout: function (d, i) { console.log("onmouseout", d, i, this); }, + onclick: function (d, i) { console.log("onclick", d, i, this); }, + order: null // set null to disable sort of data. desc is the default. + }, + axis: { + x: { + label: 'Sepal.Width' + }, + y: { + label: 'Petal.Width' + } + }, + donut: { + label: { +// format: function (d, ratio) { return ""; } + }, + title: "Iris Petal Width", + width: 70 + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 30, 20, 50, 40, 60, 50], + ] + }); + }, 1000); + + setTimeout(function () { + chart.unload({ + ids: 'virginica' + }); + }, 2000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_gauge.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_gauge.html new file mode 100644 index 0000000..a650135 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_gauge.html @@ -0,0 +1,181 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + [ 'data', 91.4 ] + ], + type: 'gauge', + onmouseover: function (d, i) { console.log("onmouseover", d, i, this); }, + onmouseout: function (d, i) { console.log("onmouseout", d, i, this); }, + onclick: function (d, i) { console.log("onclick", d, i, this); }, + }, + gauge: { + label: { +// format: function(value, ratio) { +// return value; +// }, +// show: false // to turn off the min/max labels. + }, +// min: 0, // 0 is default, //can handle negative min e.g. vacuum / voltage / current flow / rate of change +// max: 100, // 100 is default +// units: ' %', +// width: 39 // for adjusting arc thickness + }, + color: { + pattern: ['#FF0000', '#F6C600', '#60B044'], // the three color levels for the percentage values. + threshold: { +// unit: 'value', // percentage is default +// max: 200, // 100 is default + values: [30, 60, 90] // alternate first value is 'value' + } + } + }); + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data', 75.0] + ], + type: 'gauge', + }, + gauge: { + min: 50, + max: 100 + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data', 0.0] + ], + type: 'gauge', + }, + gauge: { + min: -100, + max: 100 + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data', -75.0] + ], + type: 'gauge', + }, + gauge: { + min: -100, + max: -50 + } + }); + + var cycleDemo = function () { + + setTimeout(function () { + d3.select('#chart .c3-chart-arcs-background') + .transition() + .style('fill', '#333'); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 10 ]] + }); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 50 ]] + }); + }, 3000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 91.4 ]] + }); + }, 4000); + + setTimeout(function () { + d3.select('#chart .c3-chart-arcs-background') + .transition() + .style('fill', '#e0e0e0'); + }, 5000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 0 ]] + }); + }, 6000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 50 ]] + }); + }, 7000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 91.4 ]] + }); + }, 8000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 0 ]] + }); + }, 9000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 50 ]] + }); + }, 10000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 91.4 ]] + }); + }, 11000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 0 ]] + }); + }, 12000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 50 ]] + }); + }, 13000); + + setTimeout(function () { + chart.load({ + columns: [[ 'data', 91.4 ]] + }); + }, 14000); + + } + + cycleDemo(); + +// setInterval(cycleDemo, 30000); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie.html new file mode 100644 index 0000000..e9b7ccb --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie.html @@ -0,0 +1,52 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ +// ["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2], + ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3], + ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8], + ["setosa", 30], +// ["versicolor", 40], +// ["virginica", 50], + ], + type : 'pie', + onmouseover: function (d, i) { console.log("onmouseover", d, i, this); }, + onmouseout: function (d, i) { console.log("onmouseout", d, i, this); }, + onclick: function (d, i) { console.log("onclick", d, i, this); }, + }, + axis: { + x: { + label: 'Sepal.Width' + }, + y: { + label: 'Petal.Width' + } + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ["setosa", 130], + ] + }); + }, 1000); + + setTimeout(function () { + chart.unload({ + ids: 'virginica' + }); + }, 2000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie_sort.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie_sort.html new file mode 100644 index 0000000..ca875b8 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_pie_sort.html @@ -0,0 +1,93 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var sort = true; + + var generate = function () { return c3.generate({ + data: { + columns: [ +// ["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2], + ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3], + ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8], + ["setosa", 30], +// ["versicolor", 40], +// ["virginica", 50], + ], + type : 'pie', + }, + axis: { + x: { + label: 'Sepal.Width' + }, + y: { + label: 'Petal.Width' + } + }, + pie: { + sort: sort, + onmouseover: function (d, i) { console.log(d, i); }, + onmouseout: function (d, i) { console.log(d, i); }, + onclick: function (d, i) { console.log(d, i); }, + } + }); }, chart = generate(); + + setTimeout(function () { + chart.load({ + columns: [ + ["setosa", 130], + ] + }); + }, 1000); + + setTimeout(function () { + chart.unload({ + ids: 'virginica' + }); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ["new data", 300], + ] + }); + }, 3000); + + setTimeout(function () { + sort = false; + chart = generate(); + }, 4000); + + setTimeout(function () { + chart.load({ + columns: [ + ["setosa", 130], + ] + }); + }, 5000); + + setTimeout(function () { + chart.unload({ + ids: 'virginica' + }); + }, 6000); + + setTimeout(function () { + chart.load({ + columns: [ + ["new data", 300], + ] + }); + }, 7000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_scatter.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_scatter.html new file mode 100644 index 0000000..0afe1da --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_scatter.html @@ -0,0 +1,42 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + xs: { + setosa: 'setosa_x', + versicolor: 'versicolor_x', + virginica: 'virginica_x' + }, + columns: [ + ["setosa_x", 3.5, 3.0, 3.2, 3.1, 3.6, 3.9, 3.4, 3.4, 2.9, 3.1, 3.7, 3.4, 3.0, 3.0, 4.0, 4.4, 3.9, 3.5, 3.8, 3.8, 3.4, 3.7, 3.6, 3.3, 3.4, 3.0, 3.4, 3.5, 3.4, 3.2, 3.1, 3.4, 4.1, 4.2, 3.1, 3.2, 3.5, 3.6, 3.0, 3.4, 3.5, 2.3, 3.2, 3.5, 3.8, 3.0, 3.8, 3.2, 3.7, 3.3], + ["versicolor_x", 3.2, 3.2, 3.1, 2.3, 2.8, 2.8, 3.3, 2.4, 2.9, 2.7, 2.0, 3.0, 2.2, 2.9, 2.9, 3.1, 3.0, 2.7, 2.2, 2.5, 3.2, 2.8, 2.5, 2.8, 2.9, 3.0, 2.8, 3.0, 2.9, 2.6, 2.4, 2.4, 2.7, 2.7, 3.0, 3.4, 3.1, 2.3, 3.0, 2.5, 2.6, 3.0, 2.6, 2.3, 2.7, 3.0, 2.9, 2.9, 2.5, 2.8], + ["virginica_x", 3.3, 2.7, 3.0, 2.9, 3.0, 3.0, 2.5, 2.9, 2.5, 3.6, 3.2, 2.7, 3.0, 2.5, 2.8, 3.2, 3.0, 3.8, 2.6, 2.2, 3.2, 2.8, 2.8, 2.7, 3.3, 3.2, 2.8, 3.0, 2.8, 3.0, 2.8, 3.8, 2.8, 2.8, 2.6, 3.0, 3.4, 3.1, 3.0, 3.1, 3.1, 3.1, 2.7, 3.2, 3.3, 3.0, 2.5, 3.0, 3.4, 3.0], + ["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2], + ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3], + ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8], + ], + type : 'scatter', + }, + axis: { + x: { + label: 'Sepal.Width', + tick: { + fit: false + } + }, + y: { + label: 'Petal.Width' + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_spline.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_spline.html new file mode 100644 index 0000000..731133d --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_spline.html @@ -0,0 +1,25 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 100, 140, 200, 150, 50] + ], + types: { + data1: 'spline', + data2: 'spline' + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step.html new file mode 100644 index 0000000..fb32067 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step.html @@ -0,0 +1,38 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 0], +// ['data2', 130, 100, 140, 200, 150, 50] + ], + types: { + data1: 'step', + data2: 'area-step' + }, + onclick: function (d) { console.log('clicked', d); } + }, + subchart: { + show: true + }, + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data2', 130, 100, 140, 200, 150, 50] + ] + }); + }, 1000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step_category.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step_category.html new file mode 100644 index 0000000..4be84a8 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/chart_step_category.html @@ -0,0 +1,50 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + x: 'x', + columns: [ + ['x', 'hogehoge', 'aaa', 'aaaaaa', 'a', 'b'], + ['data1', 300, 350, 300, 0, 0, 0], +// ['data2', 130, 100, 140, 200, 150, 50] + ], + types: { + data1: 'step', + data2: 'area-step' + }, + empty: { + abort: false, + label: { + text: 'hoge' + } + } + }, + axis: { + x: { + type: 'categorized' + } + }, + subchart: { + show: true + }, + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data2', 130, 100, 140, 200, 150, 50] + ] + }); + }, 1000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_categorized.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_categorized.html new file mode 100644 index 0000000..460bcf8 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_categorized.html @@ -0,0 +1,86 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'x', + columns: [ + ['x', 'www.google.com', 'www.amazon.com', 'www.facebook.com', 'www.apple.com'], + ['download', 30, 200, 100, 400], + ['loading', 90, 100, 140, 200], + ], + groups: [ + ['download', 'loading'] + ], + type: 'bar' + }, + axis: { + x: { + type: 'categorized', + label: 'X Label' + }, + y: { + label: { + text: 'Y Label', + position: 'outer-middle' + } + } + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', 'www.yahoo.com', 'www.rakuten.com', 'www.mixi.com', 'www.sony.com'], + ['download', 130, 300, 200, 470], + ['loading', 190, 130, 240, 340], + ], + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', 'www.hogehoge.com', 'www.aaaa.com', 'www.aaaa.com'], + ['download', 130, 300, 200], + ['loading', 190, 130, 240], + ], + }); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', 'www.yahoo.com', 'www.rakuten.com', 'www.mixi.com', 'www.sony.com'], + ['download', 130, 300, 200, 470], + ['loading', 190, 130, 240, 340], + ], + }); + }, 3000); + + setTimeout(function () { + chart.load({ + columns: [ + ['download', 30, 30, 20, 170], + ['loading', 90, 30, 40, 40], + ], + }); + }, 4000); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test3.csv' + }); + }, 5000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_scale.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_scale.html new file mode 100644 index 0000000..7945ee8 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_x_scale.html @@ -0,0 +1,59 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'x', + columns: [ + ['x', 100, 120, 130, 200, 240, 500], + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 100, 300, 200, 250, 350], + ], + selection: { + enabled: true + }, + onmouseover: function (d) { console.log("onmouseover", d); }, + onmouseout: function (d) { console.log("onmouseout", d); } + }, + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 100, 210, 150, 200, 100, 150], + ] + }); + }, 1000); + + setTimeout(function () { + chart.x([200, 210, 350, 400, 550, 750]); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data3', 300, 410, 350, 400, 500, 350], + ] + }); + }, 3000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', 130, 140, 200, 300, 450, 550], + ['sample', 200, 350, 100, 200, 50, 100] + ] + }) + }, 4000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_xs_scale.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_xs_scale.html new file mode 100644 index 0000000..0364c10 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/custom_xs_scale.html @@ -0,0 +1,64 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + xs : { + 'data1': 'x1', + 'data2': 'x2', + }, + columns: [ + ['x1', 100, 120, 130, 200, 240, 500], + ['x2', 150, 220, 230, 400, 540, 600, 800], + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 100, 300, 200, 250, 350, 100], + ], + selection: { + enabled: true + }, + onclick: function (d) { console.log("onclick", d); }, + onmouseover: function (d) { console.log("onmouseover", d); }, + onmouseout: function (d) { console.log("onmouseout", d); } + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 100, 210, 150, null, 200, 150], + ['data2', 200, 310, 50, 400, 120, 250, 10], + ] + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x2', 150, 220, 230, 400, 540, 600, 800], + ['data2', 200, 310, 50, 400, 120, 250, 10], + ['data3', 300, 410, 350, 600, 420, 550, 310], + ], + xs: { + data3: 'x2' + } + }); + }, 2000); + + setTimeout(function () { + chart.xs({ + 'data1': [200, 210, 350, 400, 600, 750], + 'data2': [200, 210, 350, 400, 550, 750, 900] + }); + }, 3000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_columned.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_columned.html new file mode 100644 index 0000000..9bc280c --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_columned.html @@ -0,0 +1,22 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 20, 50, 40, 60, 50], + ['data2', 200, 130, 90, 240, 130, 220], + ['data3', 300, 200, 160, 400, 250, 250] + ] + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_hide.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_hide.html new file mode 100644 index 0000000..fb3469b --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_hide.html @@ -0,0 +1,24 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 20, 50, 40, 60, 50], + ['data2', 200, 130, 90, 240, 130, 220], + ['data3', 300, 200, 160, 400, 250, 250] + ], +// hide: ['data1', 'data3'] + hide: true // hide all data + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_json.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_json.html new file mode 100644 index 0000000..522fb93 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_json.html @@ -0,0 +1,90 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + json: { + data1: [30, 20, 50, 40, 60, 50], + data2: [200, 130, 90, 240, 130, 220], + data3: [300, 200, 160, 400, 250, 250] + } + } + }); + + setTimeout(function () { + chart = c3.generate({ + data: { + json: [{ + "date": "2014-06-03", + "443": "3000", + "995": "500" + }, { + "date": "2014-06-04", + "443": "1000", + }, { + "date": "2014-06-05", + "443": "5000", + "995": "1000" + }], + keys: { + x: 'date', + value: [ "443", "995" ] + } + }, + axis: { + x: { + type: "category" + } + } + }); + }, 1000); + + setTimeout(function () { + chart = c3.generate({ + data: { +// x: 'name', + json: [ + { id: 1, name: 'abc', visits: 200 }, + { id: 2, name: 'efg', visits: 400 }, + { id: 3, name: 'pqr', visits: 150 }, + { id: 4, name: 'xyz', visits: 420 }, + ], + keys: { + x: 'name', + value: ['visits'], + } + }, + axis: { + x: { + type: 'categorized' + } + } + }); + }, 2000); + + setTimeout(function () { + chart.load({ + json: [ + { id: 1, name: 'abc', visits: 1200 }, + { id: 2, name: 'efg', visits: 900 }, + { id: 3, name: 'pqr', visits: 1150 }, + { id: 4, name: 'xyz', visits: 1020 }, + ], + keys: { + x: 'name', + value: ['visits'], + } + }); + }, 3000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label.html new file mode 100644 index 0000000..e8cc05c --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label.html @@ -0,0 +1,225 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + <div id="chart4"></div> + <div id="chart5"></div> + <div id="chart6"></div> + <div id="chart7"></div> + <div id="chart8"></div> + <div id="chart9" style="width:33%;"></div> + <div id="chart10"></div> + <div id="chart11"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 190, 200, 190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', -190, -200, -190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', -190, 200, 190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + } + }); + + var chart4 = c3.generate({ + bindto: '#chart4', + data: { + columns: [ + ['data1', 190, 200, 190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + }, + axis: { + rotated: true + } + }); + + var chart5 = c3.generate({ + bindto: '#chart5', + data: { + columns: [ + ['data1', -190, -200, -190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + }, + axis: { + rotated: true + } + }); + + var chart6 = c3.generate({ + bindto: '#chart6', + data: { + columns: [ + ['data1', -190, 200, 190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + }, + axis: { + rotated: true + } + }); + + var chart7 = c3.generate({ + bindto: '#chart7', + data: { + columns: [ + ['data1', 30, 200, 100, 500, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25], + ['data3', 250, 220, 210, 240, 215, 225] + ], + groups: [['data1', 'data2', 'data3']], + labels: true, + type: 'bar', + }, + axis: { + rotated: true + } + }); + + var chart8 = c3.generate({ + bindto: '#chart8', + data: { + columns: [ + ['data1', -30, -200, -100, -500, -150, -250], + ['data2', -50, -20, -10, -40, -15, -25], + ['data3', -250, -220, -210, -240, -215, -225] + ], + groups: [['data1', 'data2', 'data3']], + labels: true, + type: 'bar', + }, + axis: { + rotated: true + } + }); + + var chart9 = c3.generate({ + bindto: '#chart9', + data: { + columns: [ + ['data1', -19000000000000, 200, 19000000000000, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + }, + axis: { + rotated: true + } + }); + + var chart10 = c3.generate({ + bindto: '#chart10', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 100], + ['data2', 130, 0, 140, 200, 0, 50], + ['data3', 130, 0, 140, 200, 0, 50], + ['data4', 130, 0, 140, 200, 0, 50], + ], + type: 'area', + groups: [['data1', 'data2', 'data3', 'data4']], + labels: true + } + }); + + var chart11 = c3.generate({ + bindto: '#chart11', + data: { + columns: [ + ['data1', 300, 350, 300, 0, 0, 100], + ['data2', 130, 0, 140, 200, 0, 50], + ['data3', 130, 0, 140, 200, 0, 50], + ['data4', 130, 0, 140, 200, 0, 50], + ], + groups: [['data1', 'data2', 'data3', 'data4']], + labels: true + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label_format.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label_format.html new file mode 100644 index 0000000..1fe0566 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_label_format.html @@ -0,0 +1,46 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + labels: { +// format: function (v, id) { return "Default Format on " + id; }, + format: { + data1: function (v, id) { return "data1 Format"; }, + data2: function (v, id) { return "data2 Format"; } + } + }, + axes: { + data1: 'y', + data2: 'y2', + } + }, + axis: { + y2: { + show: true + } + }, + tooltip: { +// enabled: false + }, + zoom: { +// enabled: true + }, + subchart: { +// show: true + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load.html new file mode 100644 index 0000000..356383d --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load.html @@ -0,0 +1,131 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + url: '/data/c3_test.csv', + labels: true, + filter: function (t) { + return t.id !== 'data1'; + } + }, + subchart: { + show: true + }, + zoom: { + enabled: true + }, + transition: { + duration: 500 + } + }); + + var queue = [ + function () { + chart.load({ + url: '/data/c3_test2.csv', + filter: function (t) { + return t.id !== 'data1'; + } + }); + }, + function () { + chart.load({ + rows: [ + ['data4', 'data5', 'data6'], + [90, 120, 300], + [40, 160, 240], + [50, 200, 290], + [120, 160, 230], + [80, 130, 300], + [90, 220, 320], + [1090, 1220, 1320], + ] + }); + }, + function () { + chart.unload({ + ids: ['data4', 'data5'] + }); + }, + function () { + chart.unload({ + ids: 'data6' + }); + }, + function () { + chart.load({ + columns:[ + ['data1', 30, 20, 50, 40, 60, 50, 100, 200], + ['data7', 230, 220, 250, 240, 260, 250, 300, 400] + ] + }); + }, + function () { + chart.load({ + json: { + data1: [1030, 1020, 1050, 1040, 1060, 1050, 1100, 1200], + data7: [430, 420, 450, 440, 460, 550, 400, 200] + } + }); + }, + function () { + chart.load({ + columns: [ + ['data8', 30, 20, 50, 40, 60, 50], + ], + unload: true, + }); + }, + function () { + chart.load({ + columns: [ + ['data9', 130, 120, 150, 140, 160, 150], + ], + unload: ['data7', 'data8'], + }); + }, + function () { + chart.load({ + unload: ['data1', 'data2'], + }); + }, + function () { + chart.unload(); + }, + function () { + chart.load({ + rows: [ + ['data1', 'data2', 'data3'], + [90, 120, 300], + [40, 160, 240], + [50, 200, 290], + [120, 160, 230], + [80, 130, 300], + [90, 220, 320], + ] + }); + }, + function () { + chart.unload({ + ids: ['data2', 'data3'] + }); + }, + ]; + + var i = 0; + queue.forEach(function (f) { + setTimeout(f, 1500 * i++); + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load_timeseries.html new file mode 100644 index 0000000..947db37 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_load_timeseries.html @@ -0,0 +1,55 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + x: 'x', + url: '/data/c3_test_ts.csv', + labels: true + }, + axis: { + x: { + type: 'timeseries' + } + }, + subchart: { + show: true + }, + zoom: { + enabled: true + }, + }); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test2_ts.csv' + }); + }, 1000); + + setTimeout(function () { + chart.unload({ + ids: 'data2' + }); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 30, 20, 50, 40, 60, 50], + ], + unload: true, +// unload: ['data2', 'data3'], +// unload: ['data2'] + }); + }, 3000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region.html new file mode 100644 index 0000000..94789e3 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region.html @@ -0,0 +1,25 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150, 250] + ], + regions: { + sample: [{start:1, end:3}] + } + }, + regions: [{start:1, end:3}], + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region_timeseries.html new file mode 100644 index 0000000..8e154b5 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_region_timeseries.html @@ -0,0 +1,34 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'date', + xFormat : '%Y%m%d', + columns: [ +// ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], + ['date', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'], + ['sample', 30, 200, 100, 400, 150, 250] + ], + regions: { + sample: [{start:'20130103', end:'20130105'}] + } + }, + regions: [{start:'20130103', end:'20130105'}], + axis : { + x : { + type : 'timeseries' + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_rowed.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_rowed.html new file mode 100644 index 0000000..fd8fcfd --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_rowed.html @@ -0,0 +1,26 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + data: { + rows: [ + ['data1', 'data2', 'data3'], + [90, 120, 300], + [40, 160, 240], + [50, 200, 290], + [120, 160, 230], + [80, 130, 300], + [90, 220, 320], + ] + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_url.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_url.html new file mode 100644 index 0000000..95b6eb6 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/data_url.html @@ -0,0 +1,59 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + url: '/data/c3_test.csv' + } + }); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test2.csv', + }); + }, 1000); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test.tsv', + mimeType: 'tsv' + }); + }, 2000); + + setTimeout(function () { + chart = c3.generate({ + data: { + url: '/data/c3_test.json', + mimeType: 'json' + } + }); + }, 3000); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test_2.json', + mimeType: 'json' + }); + }, 4000); + + setTimeout(function () { + chart.load({ + url: '/data/c3_test_3.json', + mimeType: 'json', + keys: { + value: ['data1', 'data2'] + } + }); + }, 5000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/domain_y.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/domain_y.html new file mode 100644 index 0000000..95c91ce --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/domain_y.html @@ -0,0 +1,71 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <button id="btn1">Bar</button> + <button id="btn2">Line</button> + <button id="btn3">Area</button> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var normalData = { + columns: [ + ['data1', -1030, -1200, 1000], + ['data2', -1150, -220, -1110] + ], + labels: true, + }, + allPositiveData = { + columns: [ + ['data1', 1030, 1200, 1100], + ['data2', 2050, 2020, 2010] + ], + labels: true, + }, + allNegativeData = { + columns: [ + ['data1', -1030, -2200, -2100], + ['data2', -1150, -2010, -1200] + ], + labels: true, + } + + var chart1 = c3.generate({ + bindto: '#chart1', + data: normalData + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: allPositiveData + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: allNegativeData + }); + + d3.select('#btn1').on('click', function () { + chart1.transform('bar'); + chart2.transform('bar'); + chart3.transform('bar'); + }); + d3.select('#btn2').on('click', function () { + chart1.transform('line'); + chart2.transform('line'); + chart3.transform('line'); + }); + d3.select('#btn3').on('click', function () { + chart1.transform('area'); + chart2.transform('area'); + chart3.transform('area'); + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/element.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/element.html new file mode 100644 index 0000000..1c28bd9 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/element.html @@ -0,0 +1,37 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + data: { + columns: [ + ['sample', 30, 200, 100, null, 150, 250] + ], + }, + }); + + var chart2 = c3.generate({ + data: { + columns: [ + ['sample', 30, 200, 100, null, 150, 250] + ], + type: 'bar' + } + }); + + document.getElementById('chart1').appendChild(chart1.element); + + $('#chart2').append(chart2.element); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/emptydata.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/emptydata.html new file mode 100644 index 0000000..10bd55f --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/emptydata.html @@ -0,0 +1,37 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + columns: [ +// ['data1', 100, 200], + ], + empty: { + label: { + text: 'No Data' + } + } + }, + subchart: { + show: true + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 100, 200], + ], + }); + }, 1000); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_focus.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_focus.html new file mode 100644 index 0000000..ec6bd97 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_focus.html @@ -0,0 +1,29 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 300, 200, 300, 250, 150] + ] + }, + grid: { + focus: { + show: false + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines.html new file mode 100644 index 0000000..975a641 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines.html @@ -0,0 +1,66 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250] + ], + type: 'bar' + }, + grid: { + x: { + show: true, + lines: [{ + value: 2, + text: 'Label 2', + class: 'lineFor2' + }] + }, + y: { + show: true, + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + x : 'x', + columns: [ + ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05'], + ['sample', 30, 200, 100, 400, 150] + ], + }, + axis : { + x : { + type : 'timeseries' + } + }, + grid: { + x: { + lines: [{ + value: '2013-01-04', + text: '2013/01/04', + class: 'lineFor20130104' + }] + }, + lines: { + front: false + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines_timeseries.html new file mode 100644 index 0000000..d3517ad --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grid_x_lines_timeseries.html @@ -0,0 +1,73 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + "bindto": "#chart1", + "axis": { + "x": { + "type": "timeseries", + "tick": { + format: '%Y-%m-%d %H:%M:%S' + } + } + }, + "grid": { + "x": { + "lines": [ + { "value": 1401883200000, "text": new Date(1401883200000), "color": "#f00" }, + ] + } + }, + "data": { + "type": "line", + "columns": [ + ["epoch", 1401879600000, 1401883200000, 1401886800000], + ["y", 1955, 2419, 2262] + ], + "xs": { + "y": "epoch" + } + } + }); + + var chart2 = c3.generate({ + "bindto": "#chart2", + "axis": { + "x": { + "type": "timeseries", + "tick": { + format: '%Y-%m-%d %H:%M:%S' + } + } + }, + "grid": { + "x": { + "lines": [ + { "value": new Date(1401883200000), "text": new Date(1401883200000), "color": "#f00" }, + ] + } + }, + "data": { + "type": "line", + "columns": [ + ["epoch", 1401879600000, 1401883200000, 1401886800000], + ["y", 1955, 2419, 2262] + ], + "xs": { + "y": "epoch" + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids.html new file mode 100644 index 0000000..e0df334 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids.html @@ -0,0 +1,111 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + <div id="chart4"></div> + <div id="chart5"></div> + <div id="chart6"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var smallData = [['sample', 30, 200, 100, 400, 150, 250]], + bigData = [['sample', 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250]]; + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: smallData + }, + grid: { + x: { + show: true + }, + } + }); + + c3.generate({ + bindto: '#chart2', + data: { + columns: smallData + }, + grid: { + y: { + show: true + } + } + }); + + c3.generate({ + bindto: '#chart3', + data: { + columns: smallData + }, + axis: { + rotated: true, + }, + grid: { + x: { + show: true + }, + } + }); + + c3.generate({ + bindto: '#chart4', + data: { + columns: smallData + }, + axis: { + rotated: true, + }, + grid: { + y: { + show: true + } + } + }); + + c3.generate({ + bindto: '#chart5', + data: { + columns: bigData + }, + grid: { + x: { + show: true + }, + y: { + show: true + } + } + }); + + c3.generate({ + bindto: '#chart6', + data: { + columns: bigData + }, + axis: { + x: { + type: 'category' + } + }, + grid: { + x: { + show: true + }, + y: { + show: true + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids_timeseries.html new file mode 100644 index 0000000..53095b0 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/grids_timeseries.html @@ -0,0 +1,89 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var smallData = [ + ['x', '2014-01-01', '2014-02-01', '2014-03-01', '2014-04-01', '2014-05-01', '2014-06-01'], + ['sample', 30, 200, 100, 400, 150, 250] + ], + bigData = [ + ['x', '2014-01-01', '2014-02-01', '2014-03-01', '2014-04-01', '2014-05-01', '2014-06-01', '2014-07-01', '2014-08-01', '2014-09-01', '2014-10-01', '2014-11-01', '2014-12-01'], + ['sample', 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250] + ]; + + c3.generate({ + bindto: '#chart1', + data: { + x: 'x', + columns: smallData + }, + axis: { + x: { + type: 'timeseries', + tick: { + format: "%Y-%m-%d %H:%M:%S" + } + } + }, + grid: { + x: { + show: true, + }, + } + }); + + c3.generate({ + bindto: '#chart2', + data: { + x: 'x', + columns: smallData + }, + axis: { + rotated: true, + x: { + type: 'timeseries', + tick: { + format: "%Y-%m-%d %H:%M:%S" + } + } + }, + grid: { + x: { + show: true, + }, + } + }); + + c3.generate({ + bindto: '#chart3', + data: { + x: 'x', + columns: bigData + }, + axis: { + x: { + type: 'timeseries', + tick: { + format: "%Y-%m-%d %H:%M:%S" + } + } + }, + grid: { + x: { + show: true + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/interaction_enabled.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/interaction_enabled.html new file mode 100644 index 0000000..9e77fea --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/interaction_enabled.html @@ -0,0 +1,25 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ] + }, + interaction: { + enabled: false + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/legend.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/legend.html new file mode 100644 index 0000000..92c99ae --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/legend.html @@ -0,0 +1,87 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + <div id="chart4"></div> + <div id="chart5"></div> + <div id="chart6"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var columns = []; + for (var i = 0; i < 28; i++ ) { + columns[i] = ['datahogehogeohgeohoge' + i, 10 * i, 20 * i]; + } + + c3.generate({ + bindto: '#chart1', + data: { + columns: columns, + }, + }); + + c3.generate({ + bindto: '#chart2', + data: { + columns: columns, + }, + legend: { + position: 'right' + }, + }); + + c3.generate({ + bindto: '#chart3', + data: { + columns: columns, + }, + legend: { + position: 'inset', + }, + }); + + c3.generate({ + bindto: '#chart4', + data: { + columns: columns, + }, + axis: { + rotated: true, + }, + }); + + c3.generate({ + bindto: '#chart5', + data: { + columns: columns, + }, + legend: { + position: 'right' + }, + axis: { + rotated: true, + }, + }); + + c3.generate({ + bindto: '#chart6', + data: { + columns: columns, + }, + legend: { + position: 'inset' + }, + axis: { + rotated: true, + }, + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding.html new file mode 100644 index 0000000..e9f0026 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding.html @@ -0,0 +1,138 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> +<style type="text/css"> +<!-- +.c3 svg { +/* font-size: 13px;*/ +} +--> +</style> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + <div id="chart4"></div> + <div id="chart5"></div> + <div id="chart6"></div> + <div id="chart7"></div> + <div id="chart8"></div> + <div id="chart9"></div> + <div id="chart10"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var option = { + padding: { + top: 50, + right: 200, + bottom: 50, + left: 200, + }, + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 100, 200, 100, 150, 150] + ], + axes: { + data2: 'y2' + }, + }, + axis: { + rotated: true, + y: { + label: { + text: 'Y Label', + position: 'outer-center' + } + }, + y2: { + show: true, + label: { + text: 'Y2 Label', + position: 'outer-center' + } + } + }, + legend: { + position: 'bottom' + }, + subchart: { + show: false + }, + grid: { + x: { + show: true, + }, + y: { + show: true, + } + } + }; + + + option.bindto = '#chart1'; + var chart1 = c3.generate(option); + + option.bindto = '#chart2'; + option.legend.position = 'right' + var chart2 = c3.generate(option); + + option.bindto = '#chart3'; + option.legend.position = 'bottom'; + option.subchart.show = true; + var chart3 = c3.generate(option); + + option.bindto = '#chart4'; + option.legend.position = 'right'; + option.subchart.show = true; + var chart4 = c3.generate(option); + + option.bindto = '#chart5'; + option.padding = { + top: 0, + right: 0, + bottom: 0, + left: 0, + }; + option.subchart.show = false; + option.legend.position = 'bottom'; + var chart5 = c3.generate(option); + + + option.axis.rotated = false; + + option.bindto = '#chart6'; + var chart6 = c3.generate(option); + + option.bindto = '#chart7'; + option.legend.position = 'right' + var chart7 = c3.generate(option); + + option.bindto = '#chart8'; + option.legend.position = 'bottom'; + option.subchart.show = true; + var chart8 = c3.generate(option); + + option.bindto = '#chart9'; + option.legend.position = 'right'; + option.subchart.show = true; + var chart9 = c3.generate(option); + + option.bindto = '#chart10'; + option.padding = { + top: 0, + right: 0, + bottom: 0, + left: 0, + }; + option.subchart.show = false; + option.legend.position = 'bottom'; + var chart10 = c3.generate(option); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding_update.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding_update.html new file mode 100644 index 0000000..37071d9 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/padding_update.html @@ -0,0 +1,88 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var axis_rotated = true; + + var generate = function () { return c3.generate({ + data: { + x: 'x', + columns: [ + ['x', '2014-01-01', '2014-02-01', '2014-03-01', '2014-04-01'], + ['data1', 190, 200, 190, null], + ], + type: 'bar', + labels: { + format: function (v, id) { + if (v === null) { + return 'Not Applicable'; + } + return d3.format('$')(v); + } + } + }, + axis: { + x: { + type: 'categorized' + }, + rotated: axis_rotated + }, + }); }, chart = generate(); + + setTimeout(function () { + chart.hide(); + }, 1000); + + setTimeout(function () { + chart.show(); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 300, 350, 100] + ], + categories: ['2014-01-01 10:10:10', '2014-02-01 12:30:00', '2014-03-01 16:30:00'] + }); + }, 3000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 50, 100, 150] + ], + categories: ['2014', '2015', '2016'] + }); + }, 4000); + + setTimeout(function () { + axis_rotated = false; + chart = generate(); + }, 5000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 300, 350, 100000] + ], + }); + }, 6000); + + setTimeout(function () { + chart.load({ + columns: [ + ['data1', 50, 100, 150] + ], + }); + }, 7000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/plugin.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/plugin.html new file mode 100644 index 0000000..cba5227 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/plugin.html @@ -0,0 +1,27 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + +<!-- <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>--> + <script src="/js/d3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script src="/js/samples/plugin.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + onclick: function (d, element) { console.log("onclick", d, element); }, + onmouseover: function (d) { console.log("onmouseover", d); }, + onmouseout: function (d) { console.log("onmouseout", d); }, + }, + test1: 'TEST1', + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/point_r.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/point_r.html new file mode 100644 index 0000000..46ee3ec --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/point_r.html @@ -0,0 +1,28 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 130, 300, 200, 600, 250, 150] + ], + }, + point: { +// r: 10 + r: function (d) { + return d.id === 'data2' ? 10 : 2.5; + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions.html new file mode 100644 index 0000000..0546383 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions.html @@ -0,0 +1,87 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150, 250, 300] + ] + }, + axis: { + rotated: true, + y2: { +// show: true, + } + }, + regions: [ + {end:1,class:'region1'}, + {start:2,end:4,class:'region1'}, + {start:5,class:'region1'}, + {end:50,axis:'y'}, + {start:100,end:200,axis:'y'}, + {start:300,axis:'y'}, + ], + zoom: { +// enabled: true + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['sample', -100, 200, 50, 100, 400, 299] + ] + }); + }, 1000); + + setTimeout(function () { + chart.regions([]); + }, 2000); + + setTimeout(function () { + chart.regions([{start:0.5,end:2.5}]); + }, 3000); + + setTimeout(function () { + chart.regions.add([{start:4.5}]); + }, 4000); + + setTimeout(function () { + chart.regions.add([{start:3,end:3.5,class:"region1"}, {start:4,end:4.5,class:"region2"}]); + }, 5000); + + setTimeout(function () { + chart.regions.remove({classes:['region1', 'region2'], duration: 0}); + }, 6000); + + setTimeout(function () { + chart.regions.add([ + {start:3,end:3.5,class:"region3 hoge"}, + {start:4,end:4.5,class:"region4 hoge"}, + {start:0,end:0.5,class:"region5 hogehoge"}, + ]); + }, 7000); + + setTimeout(function () { + chart.regions.remove({classes:['hoge'], duration: 500}); + }, 8000); + + setTimeout(function () { + chart.regions.remove({classes:['hogehoge']}); + }, 9000); + + setTimeout(function () { + chart.regions.remove({}); + }, 10000); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions_timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions_timeseries.html new file mode 100644 index 0000000..b3fcd23 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/regions_timeseries.html @@ -0,0 +1,49 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + +var chart = c3.generate({ + data: { + x: 'date', + columns: [ + ['date', '2014-01-01', '2014-01-10', '2014-01-20', '2014-01-30', '2014-02-01'], + ['sample', 30, 200, 100, 400, 150, 250] + ] + }, + axis: { + x: { + type: 'timeseries', + tick: { + format: '%Y%m%d %H:%M:%S' + } + }, + }, + regions: [ + {start: '2014-01-05', end: '2014-01-10'}, +// {start: new Date('2014-01-10'), end: new Date('2014-01-15')}, + {start: 1390608000000, end: 1391040000000} + ] +}); + +setTimeout(function () { + chart.load({ + columns: [ + ['date', +new Date('2014-01-01'), +new Date('2014-01-10'), +new Date('2014-03-01')], + ['sample', 100, 200, 300] + ] + }); + chart.regions([ + {start: +new Date('2014-01-10'), end: +new Date('2014-01-15')} + ]); +}, 1000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/requirejs.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/requirejs.html new file mode 100644 index 0000000..001aee7 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/requirejs.html @@ -0,0 +1,9 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + <script data-main="/js/samples/requirejs.js" src="/js/require.js"></script> + </head> + <body> + <div id="chart"></div> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/selection.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/selection.html new file mode 100644 index 0000000..9fc6811 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/selection.html @@ -0,0 +1,173 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + grouped => true, multiple => true + <div id="chart1"></div> + + grouped => true, multiple => true, tooltip.grouped = false + <div id="chart1-1"></div> + + grouped => true, multiple => false + <div id="chart2"></div> + + grouped => true, multiple => false, tooltip.grouped = false + <div id="chart2-1"></div> + + grouped => false, multiple => true + <div id="chart3"></div> + + grouped => false, multiple => true, tooltip.grouped = false + <div id="chart3-1"></div> + + grouped => false, multiple => false + <div id="chart4"></div> + + grouped => false, multiple => false, tooltip.grouped = false + <div id="chart4-1"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: true, + multiple: true, + }, + onclick: function (d, element) { console.log("onclick", d, element); }, + onselected: function (d, element) { console.log("onselected", d, element); }, + onunselected: function (d, element) { console.log("onunselected", d, element); }, + ondragstart: function () { console.log("ondragstart"); }, + ondragend: function () { console.log("ondragend"); }, + }, + }); + + var chart11 = c3.generate({ + bindto: '#chart1-1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: true, + multiple: true, + }, + }, + tooltip: { + grouped: false + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: true, + multiple: false, + } + } + }); + + var chart21 = c3.generate({ + bindto: '#chart2-1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: true, + multiple: false, + } + }, + tooltip: { + grouped: false + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: false, + multiple: true, + } + } + }); + + var chart31 = c3.generate({ + bindto: '#chart3-1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: false, + multiple: true, + } + }, + tooltip: { + grouped: false + } + }); + + var chart4 = c3.generate({ + bindto: '#chart4', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: false, + multiple: false, + } + } + }); + + var chart41 = c3.generate({ + bindto: '#chart4-1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + selection: { + enabled: true, + grouped: false, + multiple: false, + } + }, + tooltip: { + grouped: false + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/simple.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/simple.html new file mode 100644 index 0000000..0aeb681 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/simple.html @@ -0,0 +1,24 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + onclick: function (d, element) { console.log("onclick", d, element); }, + onmouseover: function (d) { console.log("onmouseover", d); }, + onmouseout: function (d) { console.log("onmouseout", d); }, + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart.html new file mode 100644 index 0000000..e068043 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart.html @@ -0,0 +1,67 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + <div id="chart3"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + labels: true + }, + subchart: { + show: true + }, + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + labels: true + }, + subchart: { + show: true + }, + axis: { + rotated: true + } + }); + + var chart3 = c3.generate({ + bindto: '#chart3', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ], + labels: true + }, + axis: { + x: { + default: [3, 5] + } + }, + subchart: { + show: true + }, + }); + + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart_onbrush.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart_onbrush.html new file mode 100644 index 0000000..2cd2158 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/subchart_onbrush.html @@ -0,0 +1,57 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + x : 'x', + columns: [ + ['x', '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01'], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%Y-%m-%d" + } + } + }, + subchart: { + show: true, + onbrush: function (domain) { + console.log(this, domain); + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }, + subchart: { + show: true, + onbrush: function (domain) { + console.log(this, domain); + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries.html new file mode 100644 index 0000000..af1265c --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries.html @@ -0,0 +1,54 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'date', + xFormat : '%Y%m%d', + columns: [ +// ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], + ['date', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'], + ['sample', 30, 200, 100, 400, 150, 250], + ['sample2', 130, 300, 200, 450, 250, 350] + ] + }, + axis : { + x : { + type : 'timeseries', + tick : { +// format : "%m/%d" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + format : "%e %b %y" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + } + } + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['sample', 200, 130, 90, 240, 130, 100], + ['sample2', 300, 200, 160, 400, 250, 250] + ] + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['date', '20140101', '20140201', '20140301', '20140401', '20140501', '20140601'], + ['sample', 500, 630, 690, 440, 630, 900], + ['sample2', 400, 600, 460, 200, 350, 450] + ] + }); + }, 2000); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_date.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_date.html new file mode 100644 index 0000000..ceb8e2f --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_date.html @@ -0,0 +1,64 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'x', + xFormat : '%Y%m%d', + columns: [ + ['x', new Date('2013-01-01T00:00:00Z'), new Date('2013-01-02T00:00:00Z'), new Date('2013-01-03T00:00:00Z'), new Date('2013-01-04T00:00:00Z'), new Date('2013-01-05T00:00:00Z'), new Date('2013-01-06T00:00:00Z')], + ['sample', 30, 200, 100, 400, 150, 250], + ['sample2', 130, 300, 200, 450, 250, 350] + ] + }, + axis : { + x : { + type : 'timeseries', + tick : { +// format : "%m/%d" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + format : "%e %b %y" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + } + } + } + }); + + setTimeout(function () { + chart.load({ + columns: [ + ['sample', 200, 130, 90, 240, 130, 100], + ['sample2', 300, 200, 160, 400, 250, 250] + ] + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', '20140101', '20140201', '20140301', '20140401', '20140501', '20140601'], + ['sample', 500, 630, 690, 440, 630, 900], + ['sample2', 400, 600, 460, 200, 350, 450] + ] + }); + }, 2000); + + setTimeout(function () { + chart.load({ + columns: [ + ['x', new Date('2014-01-02T00:00:00Z'), new Date('2014-02-02T00:00:00Z'), new Date('2014-03-02T00:00:00Z'), new Date('2014-04-02T00:00:00Z'), new Date('2014-05-02T00:00:00Z'), new Date('2014-06-02T00:00:00Z')], + ['sample', 500, 630, 690, 440, 630, 900], + ['sample2', 400, 600, 460, 200, 350, 450] + ] + }); + }, 3000); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_descendent.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_descendent.html new file mode 100644 index 0000000..58246f6 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_descendent.html @@ -0,0 +1,72 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> +<!-- <script src="/js/c3.min.0.1.35.js"></script>--> + <script> + + var dates = ['date', + 1401908040000, + 1401907980000, + 1401907920000, + 1401907860000, + 1401907800000, + 1401907740000, + 1401907680000, + 1401907620000, + 1401907560000, + 1401907500000 + ]; + + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'date', + columns: [ + dates, + ['data1', 30, 200, 100, 400, 150, 250, 30, 200, 100, 400], + ['data2', 130, 300, 200, 450, 250, 350, 130, 300, 200, 450] + ], + types: { + data1: 'bar', + } + }, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%Y-%m-%d %H:%M:%S" + } + } + } + }); + +/* + setTimeout(function () { + chart.load({ + columns: [ + ['sample', 200, 130, 90, 240, 130, 100], + ['sample2', 300, 200, 160, 400, 250, 250] + ] + }); + }, 1000); + + setTimeout(function () { + chart.load({ + columns: [ + ['date', '20140101', '20140201', '20140301', '20140401', '20140501', '20140601'], + ['sample', 500, 630, 690, 440, 630, 900], + ['sample2', 400, 600, 460, 200, 350, 450] + ] + }); + }, 2000); + +*/ + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_raw.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_raw.html new file mode 100644 index 0000000..06d61f3 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/timeseries_raw.html @@ -0,0 +1,52 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var rows = [["x","Views","GMV"]]; + rows = rows.concat([[1398709800000,780,136], + [1398450600000,812,134], + [1399401000000,784,154], + [1399228200000,786,135], + [1399573800000,802,131], + [1399487400000,773,166], + [1399314600000,787,146], + [1399919400000,1496,309], + [1399833000000,767,138], + [1399746600000,797,141], + [1399660200000,796,146], + [1398623400000,779,143], + [1399055400000,794,140], + [1398969000000,791,140], + [1398882600000,825,107], + [1399141800000,786,136], + [1398537000000,773,143], + [1398796200000,783,154], + [1400005800000,1754,284]].sort(function (a, b) { + return a[0] - b[0]; + })); + + var chart = c3.generate({ + bindto: '#chart', + data: { + x : 'x', + rows: rows + }, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%Y-%m-%d" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format + } + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_grouped.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_grouped.html new file mode 100644 index 0000000..6f77562 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_grouped.html @@ -0,0 +1,26 @@ +<html> + <head> + <link href="/css/c3.css" rel="stylesheet" type="text/css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 25] + ] + }, + tooltip: { + grouped: false + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_show.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_show.html new file mode 100644 index 0000000..3449553 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/tooltip_show.html @@ -0,0 +1,32 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.min.js"></script> + <script> + var chart = c3.generate({ + bindto: '#chart', + data: { + columns: [ + ['data1', 30, 200, 100, 400, 150, 250], + ['data2', 50, 20, 10, 40, 15, 60] + ] + }, + tooltip: { + init: { + show: true, + x: 2, + position: { + top: '145px', + left: '290px' + } + } + } + }); + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom.html new file mode 100644 index 0000000..73af5ab --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom.html @@ -0,0 +1,71 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <button onclick="load()">Load</button> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + columns: [ + generateData(100) + ], + }, + axis: { + x: { + default: [30, 60] + } + }, + zoom: { + enabled: true, + onzoomstart: function (event) { + console.log("onzoomstart", event); + }, + onzoomend: function (domain) { + console.log("onzoomend", domain); + }, + }, + subchart: { show: true } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + generateData(100) + ], + }, + axis: { + x: { + default: [30, 60] + } + }, + zoom: { enabled: true }, + }); + + function load() { + chart1.load({ + columns: [ + generateData(Math.random() * 1000) + ], + }); + } + + function generateData(n) { + var column = ['sample']; + for (var i = 0; i < n; i++) { + column.push(Math.random() * 500); + } + return column; + } + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_category.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_category.html new file mode 100644 index 0000000..e8e7e24 --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_category.html @@ -0,0 +1,47 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart"></div> + <button onclick="load()">Load</button> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart = c3.generate({ + bindto: '#chart', + data: { + columns: [ + generateData(100) + ], + }, + axis: { + x: { + type: 'category' + } + }, + zoom: { enabled: true }, + subchart: { show: true } + }); + + function load() { + chart.load({ + columns: [ + generateData(Math.random() * 1000) + ], + }); + } + + function generateData(n) { + var column = ['sample']; + for (var i = 0; i < n; i++) { + column.push(Math.random() * 500); + } + return column; + } + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_onzoom.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_onzoom.html new file mode 100644 index 0000000..f79e5ba --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_onzoom.html @@ -0,0 +1,57 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="/css/c3.css"> + </head> + <body> + <div id="chart1"></div> + <div id="chart2"></div> + + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script> + + var chart1 = c3.generate({ + bindto: '#chart1', + data: { + x : 'x', + columns: [ + ['x', '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01'], + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }, + axis : { + x : { + type : 'timeseries', + tick : { + format : "%Y-%m-%d" + } + } + }, + zoom: { + enabled: true, + onzoom: function (domain) { + console.log(this, domain); + } + } + }); + + var chart2 = c3.generate({ + bindto: '#chart2', + data: { + columns: [ + ['sample', 30, 200, 100, 400, 150], + ['sample2', 130, 300, 200, 450, 250] + ] + }, + zoom: { + enabled: true, + onzoom: function (domain) { + console.log(this, domain); + } + } + }); + + </script> + </body> +</html> diff --git a/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_reduction.html b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_reduction.html new file mode 100644 index 0000000..4a9873a --- /dev/null +++ b/web/nms-public.gathering.org/old/speedometer/c3-master/htdocs/samples/zoom_reduction.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>c3ext</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="shortcut icon" href="/images/logo_128.ico" /> + <link href="/css/c3.css" rel="stylesheet" /> + <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> + <script src="https://rawgithub.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.min.js"></script> + <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> + <script src="/js/c3.js"></script> + <script src="/js/extensions/c3ext.js"></script> + <script src="/js/samples/zoom_reduction.js"></script> +</head> +<body onload="main()"> + <div class="container-fluid"> + <h1>C3 DataSet Reduction by Zoom Level</h1> + <h2>Hackathon May 2014</h2> + <h4>By Dan-el Khen</h4> + <p>Rendering graphs in the browser has many advantages, the downside is that takes a long time to render when having large datasets. </p> + <p>This feature allows you reduces the dataset according to your current zoom level. + It allows the developer to implement the reduction algorithm in a simple function that accepts an array of values, and returns a reduced single value. + The default reducer will take the first item, but avg/sum/first/last or any other algorithm is simple to implement. + </p> + <h3>Example</h3> + <p> + In the following example, we'll render 10K data points, each time we'll reduce those to about 100 items (depending on available size on your screen), + when zooming in, the resolution of the data will be better and more accurate. This would help in showing the big picture, even when the amount of data is bigger than the numbers of pixels on the screen. + </p> + <p>Click on the buttons or scroll with your mouse wheel inside the graph to zoom and/or pan.</p> + <pre id="status"></pre> + <div> + <button onclick="chart.zoom2.zoomIn()">zoomIn</button> + <button onclick="chart.zoom2.zoomOut()">zoomOut</button> + <button onclick="chart.zoom2.panLeft()">panLeft</button> + <button onclick="chart.zoom2.panRight()">panRight</button> + <button onclick="chart.zoom2.enhance()">enhance</button> + <button onclick="chart.zoom2.dehance()">dehance</button> + <button onclick="chart.zoom2.reset()">reset</button> + </div> + <div id="divChart" style="height:300px"></div> + <h3>Notes</h3> + <p>Only 'columns' data format is supported for now.</p> + </div> +</body> +</html> |