summaryrefslogtreecommitdiff
path: root/html/assets/lib/highcharts/themes/sand-signika.js
diff options
context:
space:
mode:
Diffstat (limited to 'html/assets/lib/highcharts/themes/sand-signika.js')
-rw-r--r--html/assets/lib/highcharts/themes/sand-signika.js104
1 files changed, 104 insertions, 0 deletions
diff --git a/html/assets/lib/highcharts/themes/sand-signika.js b/html/assets/lib/highcharts/themes/sand-signika.js
new file mode 100644
index 0000000..2f1e34e
--- /dev/null
+++ b/html/assets/lib/highcharts/themes/sand-signika.js
@@ -0,0 +1,104 @@
+/**
+ * Sand-Signika theme for Highcharts JS
+ * @author Torstein Honsi
+ */
+
+// Load the fonts
+Highcharts.createElement('link', {
+ href: 'http://fonts.googleapis.com/css?family=Signika:400,700',
+ rel: 'stylesheet',
+ type: 'text/css'
+}, null, document.getElementsByTagName('head')[0]);
+
+// Add the background image to the container
+Highcharts.wrap(Highcharts.Chart.prototype, 'getContainer', function (proceed) {
+ proceed.call(this);
+ this.container.style.background = 'url(http://www.highcharts.com/samples/graphics/sand.png)';
+});
+
+
+Highcharts.theme = {
+ colors: ["#f45b5b", "#8085e9", "#8d4654", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
+ "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
+ chart: {
+ backgroundColor: null,
+ style: {
+ fontFamily: "Signika, serif"
+ }
+ },
+ title: {
+ style: {
+ color: 'black',
+ fontSize: '16px',
+ fontWeight: 'bold'
+ }
+ },
+ subtitle: {
+ style: {
+ color: 'black'
+ }
+ },
+ tooltip: {
+ borderWidth: 0
+ },
+ legend: {
+ itemStyle: {
+ fontWeight: 'bold',
+ fontSize: '13px'
+ }
+ },
+ xAxis: {
+ labels: {
+ style: {
+ color: '#6e6e70'
+ }
+ }
+ },
+ yAxis: {
+ labels: {
+ style: {
+ color: '#6e6e70'
+ }
+ }
+ },
+ plotOptions: {
+ series: {
+ shadow: true
+ },
+ candlestick: {
+ lineColor: '#404048'
+ },
+ map: {
+ shadow: false
+ }
+ },
+
+ // Highstock specific
+ navigator: {
+ xAxis: {
+ gridLineColor: '#D0D0D8'
+ }
+ },
+ rangeSelector: {
+ buttonTheme: {
+ fill: 'white',
+ stroke: '#C0C0C8',
+ 'stroke-width': 1,
+ states: {
+ select: {
+ fill: '#D0D0D8'
+ }
+ }
+ }
+ },
+ scrollbar: {
+ trackBorderColor: '#C0C0C8'
+ },
+
+ // General
+ background2: '#E0E0E8'
+
+};
+
+// Apply the theme
+Highcharts.setOptions(Highcharts.theme);