diff options
| -rw-r--r-- | html/assets/lib/highcharts/themes/utstats.js | 431 |
1 files changed, 215 insertions, 216 deletions
diff --git a/html/assets/lib/highcharts/themes/utstats.js b/html/assets/lib/highcharts/themes/utstats.js index 5d9c69b..a997315 100644 --- a/html/assets/lib/highcharts/themes/utstats.js +++ b/html/assets/lib/highcharts/themes/utstats.js @@ -3,229 +3,228 @@ * @author Torstein Honsi
*/
-// Load the fonts
-Highcharts.createElement('link', {
- href : 'http://fonts.googleapis.com/css?family=Unica+One',
- rel : 'stylesheet',
- type : 'text/css'
-}, null, document.getElementsByTagName('head')[0]);
-
Highcharts.theme = {
- colors : ["#b40101", "#2069a1", "#f45b5b", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
- "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
- chart : {
- backgroundColor : {
- linearGradient : {
- x1 : 0,
- y1 : 0,
- x2 : 1,
- y2 : 1
- },
- stops : [
- [0, '#2a2a2b'],
- [1, '#3e3e40']
- ]
- },
- style : {
- fontFamily : 'GothamLight'
- },
- plotBorderColor : '#606063',
- zoomType : 'xy',
- resetZoomButton : {
- position : {
- align : 'left', // by default
- verticalAlign : 'bottom', // by default
- x : 0,
- y : -30
- }
- }
- },
- title : {
- style : {
- color : '#E0E0E3',
- textTransform : 'uppercase',
- fontSize : '20px'
- }
- },
- subtitle : {
- style : {
- color : '#E0E0E3',
- textTransform : 'uppercase'
- }
- },
- xAxis : {
- gridLineColor : '#707073',
- labels : {
- style : {
- color : '#E0E0E3'
- }
- },
- lineColor : '#707073',
- minorGridLineColor : '#505053',
- tickColor : '#707073',
- title : {
- style : {
- color : '#A0A0A3'
-
- }
- },
- tickPixelInterval : 50
- },
- yAxis : {
- gridLineColor : '#707073',
- labels : {
- style : {
- color : '#E0E0E3'
- }
- },
- lineColor : '#707073',
- minorGridLineColor : '#505053',
- tickColor : '#707073',
- tickWidth : 1,
- title : {
- style : {
- color : '#A0A0A3'
- }
- },
- tickPixelInterval : 50
- },
- tooltip : {
- backgroundColor : 'rgba(0, 0, 0, 0.85)',
- style : {
- color : '#F0F0F0'
- }
- },
- plotOptions : {
- series : {
- dataLabels : {
- color : '#B0B0B3'
- },
- marker : {
- lineColor : '#333',
- enabled : false
- }
- },
- boxplot : {
- fillColor : '#505053'
- },
- candlestick : {
- lineColor : 'white'
- },
- errorbar : {
- color : 'white'
- },
-
- },
- legend : {
- itemStyle : {
- color : '#E0E0E3'
- },
- itemHoverStyle : {
- color : '#FFF'
- },
- itemHiddenStyle : {
- color : '#606063'
- }
- },
- credits : {
- style : {
- color : '#666'
- }
- },
- labels : {
- style : {
- color : '#707073'
- }
- },
+ colors: [
+ "#b40101",
+ "#2069a1",
+ "#f45b5b",
+ "#7798BF",
+ "#aaeeee",
+ "#ff0066",
+ "#eeaaee",
+ "#55BF3B",
+ "#DF5353",
+ "#7798BF",
+ "#aaeeee"
+ ],
+ chart: {
+ backgroundColor: {
+ linearGradient: {
+ x1: 0,
+ y1: 0,
+ x2: 1,
+ y2: 1
+ },
+ stops: [[0, "#2a2a2b"], [1, "#3e3e40"]]
+ },
+ style: {
+ fontFamily: "Montserrat, Helvetica, Verdana, Arial, sans-serif"
+ },
+ plotBorderColor: "#606063",
+ zoomType: "xy",
+ resetZoomButton: {
+ position: {
+ align: "left", // by default
+ verticalAlign: "bottom", // by default
+ x: 0,
+ y: -30
+ }
+ }
+ },
+ title: {
+ style: {
+ color: "#E0E0E3",
+ textTransform: "uppercase",
+ fontSize: "20px"
+ }
+ },
+ subtitle: {
+ style: {
+ color: "#E0E0E3",
+ textTransform: "uppercase"
+ }
+ },
+ xAxis: {
+ gridLineColor: "#707073",
+ labels: {
+ style: {
+ color: "#E0E0E3"
+ }
+ },
+ lineColor: "#707073",
+ minorGridLineColor: "#505053",
+ tickColor: "#707073",
+ title: {
+ style: {
+ color: "#A0A0A3"
+ }
+ },
+ tickPixelInterval: 50
+ },
+ yAxis: {
+ gridLineColor: "#707073",
+ labels: {
+ style: {
+ color: "#E0E0E3"
+ }
+ },
+ lineColor: "#707073",
+ minorGridLineColor: "#505053",
+ tickColor: "#707073",
+ tickWidth: 1,
+ title: {
+ style: {
+ color: "#A0A0A3"
+ }
+ },
+ tickPixelInterval: 50
+ },
+ tooltip: {
+ backgroundColor: "rgba(0, 0, 0, 0.85)",
+ style: {
+ color: "#F0F0F0"
+ }
+ },
+ plotOptions: {
+ series: {
+ dataLabels: {
+ color: "#B0B0B3"
+ },
+ marker: {
+ lineColor: "#333",
+ enabled: false
+ }
+ },
+ boxplot: {
+ fillColor: "#505053"
+ },
+ candlestick: {
+ lineColor: "white"
+ },
+ errorbar: {
+ color: "white"
+ }
+ },
+ legend: {
+ itemStyle: {
+ color: "#E0E0E3"
+ },
+ itemHoverStyle: {
+ color: "#FFF"
+ },
+ itemHiddenStyle: {
+ color: "#606063"
+ }
+ },
+ credits: {
+ style: {
+ color: "#666"
+ }
+ },
+ labels: {
+ style: {
+ color: "#707073"
+ }
+ },
- drilldown : {
- activeAxisLabelStyle : {
- color : '#F0F0F3'
- },
- activeDataLabelStyle : {
- color : '#F0F0F3'
- }
- },
+ drilldown: {
+ activeAxisLabelStyle: {
+ color: "#F0F0F3"
+ },
+ activeDataLabelStyle: {
+ color: "#F0F0F3"
+ }
+ },
- navigation : {
- buttonOptions : {
- symbolStroke : '#DDDDDD',
- theme : {
- fill : '#505053'
- }
- }
- },
+ navigation: {
+ buttonOptions: {
+ symbolStroke: "#DDDDDD",
+ theme: {
+ fill: "#505053"
+ }
+ }
+ },
- // scroll charts
- rangeSelector : {
- buttonTheme : {
- fill : '#505053',
- stroke : '#000000',
- style : {
- color : '#CCC'
- },
- states : {
- hover : {
- fill : '#707073',
- stroke : '#000000',
- style : {
- color : 'white'
- }
- },
- select : {
- fill : '#000003',
- stroke : '#000000',
- style : {
- color : 'white'
- }
- }
- }
- },
- inputBoxBorderColor : '#505053',
- inputStyle : {
- backgroundColor : '#333',
- color : 'silver'
- },
- labelStyle : {
- color : 'silver'
- }
- },
+ // scroll charts
+ rangeSelector: {
+ buttonTheme: {
+ fill: "#505053",
+ stroke: "#000000",
+ style: {
+ color: "#CCC"
+ },
+ states: {
+ hover: {
+ fill: "#707073",
+ stroke: "#000000",
+ style: {
+ color: "white"
+ }
+ },
+ select: {
+ fill: "#000003",
+ stroke: "#000000",
+ style: {
+ color: "white"
+ }
+ }
+ }
+ },
+ inputBoxBorderColor: "#505053",
+ inputStyle: {
+ backgroundColor: "#333",
+ color: "silver"
+ },
+ labelStyle: {
+ color: "silver"
+ }
+ },
- navigator : {
- handles : {
- backgroundColor : '#666',
- borderColor : '#AAA'
- },
- outlineColor : '#CCC',
- maskFill : 'rgba(255,255,255,0.1)',
- series : {
- color : '#7798BF',
- lineColor : '#A6C7ED'
- },
- xAxis : {
- gridLineColor : '#505053'
- }
- },
+ navigator: {
+ handles: {
+ backgroundColor: "#666",
+ borderColor: "#AAA"
+ },
+ outlineColor: "#CCC",
+ maskFill: "rgba(255,255,255,0.1)",
+ series: {
+ color: "#7798BF",
+ lineColor: "#A6C7ED"
+ },
+ xAxis: {
+ gridLineColor: "#505053"
+ }
+ },
- scrollbar : {
- barBackgroundColor : '#808083',
- barBorderColor : '#808083',
- buttonArrowColor : '#CCC',
- buttonBackgroundColor : '#606063',
- buttonBorderColor : '#606063',
- rifleColor : '#FFF',
- trackBackgroundColor : '#404043',
- trackBorderColor : '#404043'
- },
+ scrollbar: {
+ barBackgroundColor: "#808083",
+ barBorderColor: "#808083",
+ buttonArrowColor: "#CCC",
+ buttonBackgroundColor: "#606063",
+ buttonBorderColor: "#606063",
+ rifleColor: "#FFF",
+ trackBackgroundColor: "#404043",
+ trackBorderColor: "#404043"
+ },
- // special colors for some of the
- legendBackgroundColor : 'rgba(0, 0, 0, 0.5)',
- background2 : '#505053',
- dataLabelsColor : '#B0B0B3',
- textColor : '#C0C0C0',
- contrastTextColor : '#F0F0F3',
- maskColor : 'rgba(255,255,255,0.3)'
+ // special colors for some of the
+ legendBackgroundColor: "rgba(0, 0, 0, 0.5)",
+ background2: "#505053",
+ dataLabelsColor: "#B0B0B3",
+ textColor: "#C0C0C0",
+ contrastTextColor: "#F0F0F3",
+ maskColor: "rgba(255,255,255,0.3)"
};
// Apply the theme
-Highcharts.setOptions(Highcharts.theme);
\ No newline at end of file +Highcharts.setOptions(Highcharts.theme);
|