| { |
| "pie": { |
| "colors": [ |
| "#828282", |
| "#9b9b9b", |
| "#bababa", |
| "#c5c5c5", |
| "#828282", |
| "#9b9b9b", |
| "#bababa", |
| "#c5c5c5" |
| ], |
| "credits": { |
| "enabled": false |
| }, |
| "title": { |
| "text": "", |
| "verticalAlign": "middle", |
| "floating": "true", |
| "useHTML": true, |
| "style":{ |
| "fontSize": "49px", |
| "color": "#ff0303", |
| "marginTop": "", |
| "marginLeft": "" |
| } |
| }, |
| "tooltip": { |
| "percentageDecimals": 0, |
| "valueSuffix": "%", |
| "formatter": "return '<span style=\"font-weight:bold; font-size:14px;color:' + this.point.series.color + '\">'+ (this.point.name || this.series.name) +': ' + Highcharts.numberFormat(this.y, 2) + '%</span><br />'", |
| "borderRadius" : 0 |
| }, |
| "plotOptions": { |
| "pie": { |
| "shadow": false, |
| "center": ["50%","45%"], |
| "size":"100%", |
| "borderWidth": 0, |
| "borderColor": "#fff", |
| "animation": {"duration":400} |
| } |
| }, |
| "series": [ |
| { |
| "name": "", |
| "data": [], |
| "size": "90%", |
| "innerSize": "45%", |
| "dataLabels": { |
| "formatter": "return this.y > 5 ? this.point.name : null;", |
| "color": "#fff", |
| "distance": -30, |
| "style": { |
| "fontFamily": "marquette-regular, Helvetica, Arial, sans-serif", |
| "fontSize": "11px" |
| } |
| } |
| }, |
| { |
| "name": "", |
| "data": [], |
| "size": "80%", |
| "innerSize": "60%", |
| "dataLabels": { |
| "formatter": "return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ Highcharts.numberFormat(this.y, 2) +'%' : null;" |
| } |
| } |
| ] |
| }, |
| |
| |
| "line": { |
| |
| "title": { |
| "text": "" |
| }, |
| "tooltip": { |
| "formatter": "return '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y +' ' + (this.point.name || this.series.name) + '</span><br />'+Highcharts.dateFormat('%A %H:%M', this.x) + '<br />'", |
| "borderRadius" : 0 |
| }, |
| "xAxis": [ |
| { |
| "type": "datetime", |
| "labels": { |
| "formatter": "", |
| "rotation": 65, |
| "style": { |
| "fontSize": "13px" |
| }, |
| "align": "left", |
| "step": "3" |
| } |
| } |
| ], |
| "yAxis": [ |
| { |
| "title": { |
| "text": "" |
| }, |
| "min": 0, |
| "labels":{ |
| "align":"left", |
| "x":3, |
| "y":16 |
| }, |
| "showFirstLabel": false |
| }, |
| { |
| "title": { |
| "text": "" |
| }, |
| "min": 0, |
| "opposite": true, |
| "labels":{ |
| "align":"right", |
| "x":-3, |
| "y":16 |
| }, |
| "showFirstLabel": false |
| } |
| ], |
| "series": [], |
| "legend": { |
| "align": "right", |
| "verticalAlign": "top", |
| "floating": true, |
| "borderWidth": 0, |
| "y": -50, |
| "itemStyle": {"fontSize": "14px"} |
| }, |
| "plotOptions": { |
| "series": { |
| "lineWidth": 2, |
| "marker": { |
| "enabled": true, |
| "radius": 2, |
| "lineWidth": 1, |
| "fillColor": "white", |
| "lineColor": null |
| }, |
| "animation": {"duration":400} |
| } |
| }, |
| "colors": [ |
| "#4572A7", |
| "#AA4643", |
| "#89A54E", |
| "#80699B", |
| "#3D96AE", |
| "#DB843D", |
| "#92A8CD", |
| "#A47D7C", |
| "#B5CA92" |
| ], |
| "credits": { |
| "enabled": false |
| } |
| |
| }, |
| |
| "pareto": { |
| "chart": { |
| "defaultSeriesType": "column" |
| }, |
| "title": { |
| "text": "" |
| }, |
| "legend": { |
| "enabled": true |
| }, |
| "plotOptions": { |
| "series": { |
| "shadow": false, |
| "borderColor": "#fff", |
| "borderWidth": 2 |
| } |
| }, |
| "tooltip": { |
| "percentageDecimals": 0, |
| "formatter": "return this.x + '<br/>' + '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y + ' ' + (this.point.name || this.series.name) + '</span><br />'", |
| "borderRadius" : 0 |
| }, |
| "xAxis": { |
| "categories": [], |
| "lineColor": "#999", |
| "lineWidth": 1, |
| "tickColor": "#666", |
| "tickLength": 1, |
| "labels": { |
| "formatter": "", |
| "rotation": 65, |
| "style": { |
| "fontSize": "10px" |
| }, |
| "align": "left" |
| } |
| }, |
| "yAxis": [ |
| { |
| "min": 0, |
| "lineColor": "#999", |
| "lineWidth": 1, |
| "tickColor": "#666", |
| "tickWidth": 1, |
| "tickLength": 1, |
| "gridLineColor": "#ddd", |
| "title": { |
| "text": "", |
| "style": { |
| "color": "#000" |
| } |
| } |
| } |
| |
| ], |
| "credits": { |
| "enabled": false |
| }, |
| "colors": [ |
| "#828282", |
| "#9b9b9b", |
| "#bababa", |
| "#c5c5c5", |
| "#828282", |
| "#9b9b9b", |
| "#bababa", |
| "#c5c5c5" |
| ] |
| }, |
| |
| "area": { |
| |
| "title": { |
| "text": "" |
| }, |
| "tooltip": { |
| "formatter": "return '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y +' ' + (this.point.name || this.series.name) + '</span><br />'+Highcharts.dateFormat('%A %H:%M', this.x) + '<br />'", |
| "borderRadius" : 0 |
| }, |
| "xAxis": [ |
| { |
| "type": "datetime", |
| "maxZoom": 1, |
| "labels": { |
| "formatter": "", |
| "rotation": 65, |
| "style": { |
| "fontSize": "13px" |
| }, |
| "align": "left", |
| "step": "3" |
| } |
| } |
| ], |
| "yAxis": [ |
| { |
| "title": { |
| "text": "" |
| }, |
| "min": 0, |
| "labels":{ |
| "align":"left", |
| "x":3, |
| "y":16 |
| }, |
| "showFirstLabel": false |
| }, |
| { |
| "title": { |
| "text": "" |
| }, |
| "min": 0, |
| "opposite": true, |
| "labels":{ |
| "align":"right", |
| "x":-3, |
| "y":16 |
| }, |
| "showFirstLabel": false |
| } |
| ], |
| "series": [], |
| "legend": { |
| "align": "right", |
| "verticalAlign": "top", |
| "floating": true, |
| "borderWidth": 0, |
| "itemStyle": {"fontSize": "14px"} |
| }, |
| "plotOptions": { |
| "area": { |
| "stacking": "normal", |
| "lineWidth": 1, |
| "marker": { |
| "enabled": false |
| }, |
| "threshold": null, |
| "shadow": false, |
| "animation": {"duration":400} |
| }, |
| "series": { |
| "lineWidth": 1, |
| "marker": { |
| "radius": 2, |
| "lineWidth": 1, |
| "fillColor": "white", |
| "lineColor": null |
| }, |
| "animation": {"duration":400} |
| } |
| }, |
| "colors": [ |
| "#4572A7", |
| "#AA4643", |
| "#89A54E", |
| "#80699B", |
| "#3D96AE", |
| "#DB843D", |
| "#92A8CD", |
| "#A47D7C", |
| "#B5CA92" |
| ], |
| "credits": { |
| "enabled": false |
| } |
| |
| } |
| } |