Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .tip {
- color: #111;
- width: auto;
- background-color: white;
- border:1px solid #ccc;
- -moz-box-shadow:#555 2px 2px 8px;
- -webkit-box-shadow:#555 2px 2px 8px;
- -o-box-shadow:#555 2px 2px 8px;
- box-shadow:#555 2px 2px 8px;
- opacity:0.9;
- filter:alpha(opacity=90);
- font-size:10px;
- font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
- padding:7px;
- }
- .table-laptop{
- width: 940px;
- margin: 0px auto;
- border-collapse: collapse;
- border: 1px solid #d6d6d6;
- font-family: Helvetica;
- }
- .table-laptop .rowa {
- background: #ffffff;
- height: 40px;
- }
- .table-laptop .rowb {
- background: #fbfbfb;
- height: 40px;
- }
- .table-laptop .cell {
- padding: 0px;
- border: 1px solid #d6d6d6;
- }
- .table-laptop .title {
- padding: 0px;
- border: 1px solid #d6d6d6;
- color: #3889cf;
- text-align: center;
- font-size: 13px;
- }
- .table-laptop .col1 {
- font-family: Helvetica;
- font-size: 13px;
- font-weight: 400;
- width: 175px;
- padding-left: 5px;
- border: 1px solid #d6d6d6;
- background: rgb(235,235,235); /* Old browsers */
- background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
- background: linear-gradient(to right, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
- }
- .table-laptop .col2 {
- width: 510px;
- font-size: 12px;
- padding-left: 5px;
- padding-right: 5px;
- font-weight: 400;
- }
- .table-laptop .col3 {
- width: 90px;
- font-size: 13px;
- font-weight: 400;
- text-align: center;
- }
- .table-laptop .col4 {
- width: 90px;
- font-size: 13px;
- font-weight: 400;
- text-align: center;
- }
- </style>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_hdd(){
- //init data
- var json = {
- 'label': ['asdasd','Toshiba Satellite L755','Toshiba Satellite L755','Toshiba Satellite C855','adsf',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [111, 0, 0, 0, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite L755',
- 'values': [0, 120.5, 0, 0, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite L755',
- 'values': [0, 0, 120.5, 0, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite C855',
- 'values': [0, 0, 0, 87.1, 0, 0]
- },
- {
- 'label': 'adsf',
- 'values': [0, 0, 0, 0, 12, 0]
- },
- ]
- };
- var barChart_hdd = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_hdd',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_hdd.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_hdd();
- })
- </script>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_cinebench_10(){
- //init data
- var json = {
- 'label': ['asdasd','ASUS K75','Toshiba Satellite C855','Toshiba Satellite L755','Toshiba Satellite L755',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [12333, 0, 0, 0, 0, 0]
- },
- {
- 'label': 'ASUS K75',
- 'values': [0, 5568, 0, 0, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite C855',
- 'values': [0, 0, 3595, 0, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite L755',
- 'values': [0, 0, 0, 4500, 0, 0]
- },
- {
- 'label': 'Toshiba Satellite L755',
- 'values': [0, 0, 0, 0, 4500, 0]
- },
- ]
- };
- var barChart_cinebench_10 = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_cinebench_10',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_cinebench_10.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_cinebench_10();
- })
- </script>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_cinebench_11(){
- //init data
- var json = {
- 'label': ['asdasd',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [2, 0, 0, 0, 0, 0]
- },
- ]
- };
- var barChart_cinebench_11 = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_cinebench_11',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_cinebench_11.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_cinebench_11();
- })
- </script>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_3d_mark_11(){
- //init data
- var json = {
- 'label': ['asdasd',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [2, 0, 0, 0, 0, 0]
- },
- ]
- };
- var barChart_3d_mark_11 = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_3d_mark_11',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_3d_mark_11.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_3d_mark_11();
- })
- </script>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_3d_mark_11_vantage(){
- //init data
- var json = {
- 'label': ['asdasd',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [22, 0, 0, 0, 0, 0]
- },
- ]
- };
- var barChart_3d_mark_11_vantage = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_3d_mark_11_vantage',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_3d_mark_11_vantage.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_3d_mark_11_vantage();
- })
- </script>
- <script type="text/javascript">
- <!--
- var labelType, useGradients, nativeTextSupport, animate;
- (function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
- })();
- var Log = {
- elem: false,
- write: function(text){
- if (!this.elem)
- this.elem = document.getElementById('log');
- this.elem.innerHTML = text;
- this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
- }
- };
- function init_unigine_heaven(){
- //init data
- var json = {
- 'label': ['asdasd',],
- 'values': [
- {
- 'label': 'asdasd',
- 'values': [33, 0, 0, 0, 0, 0]
- },
- ]
- };
- var barChart_unigine_heaven = new $jit.BarChart({
- //id of the visualization container
- injectInto: 'chart_unigine_heaven',
- //whether to add animations
- animate: true,
- //horizontal or vertical barcharts
- orientation: 'vertical',
- //bars separation
- barsOffset: 20,
- //visualization offset
- Margin: {
- top:5,
- left: 5,
- right: 5,
- bottom:5
- },
- //labels offset position
- labelOffset: 5,
- //bars style
- type: useGradients? 'stacked:gradient' : 'stacked',
- //whether to show the aggregation of the values
- showAggregates:true,
- //whether to show the labels for the bars
- showLabels:true,
- //labels style
- Label: {
- type: labelType, //Native or HTML
- size: 13,
- family: 'Arial',
- color: 'white'
- },
- //add tooltips
- Tips: {
- enable: true,
- onShow: function(tip, elem) {
- tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
- }
- }
- });
- //load JSON data.
- barChart_unigine_heaven.loadJSON(json);
- //end
- }
- //-->
- $(document).ready(function(){
- init_unigine_heaven();
- })
- </script>
Add Comment
Please, Sign In to add comment