phantom_graph 0.0.4

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZTlhZGJlNjc0OTllZDY4ZjFkZGRhNWUxNGUyN2YzOGQyOWE4ZmJhYg==
+  data.tar.gz: !binary |-
+    ZjRhMzI2YmRiMTUzOWNjZjlmMDRkZTlkMTU3NjY4ZTBhYjdmZGM5Yg==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    NTlmMWFkY2U1YjFkM2EwNDdmM2Y3NzY4N2M0NTQ3M2Y1NmU0ZTE2ZjY3YzJl
+    YzdhYjA0MWI4YmU2MzY0MDM0YThmYjMxMzY5NDdjMjdhZDFlNmQxMjEwNDg0
+    ODBiNTUyZTExZGU1MjJjOGFjMWRkMjY2MTIwNDc5NmQzZjFhZTk=
+  data.tar.gz: !binary |-
+    M2JkNGNlMWJkZDhiMmU5NDYxYjI2MmMzYTVjMWMyZGQ3MDZmZDVhZThkNGM5
+    ZmIyZThiNDJhZmU5ZmY4OWMzZWYwNTNmYzRhODgzMGEzMmIzOTM2OTQ2Mzli
+    YzZlMTk1MTAwOGIxYjEyYzYzZWE3NzUzMTBhZGQ5YmFlZjIzZjM=

data/.gitignore

@@ -0,0 +1,7 @@
+.bundle/
+log/*.log
+pkg/
+test/dummy/db/*.sqlite3
+test/dummy/log/*.log
+test/dummy/tmp/
+test/dummy/.sass-cache

data/.rspec

@@ -0,0 +1,3 @@
+--color spec
+--profile
+--format doc

data/Gemfile

@@ -0,0 +1,17 @@
+source "http://rubygems.org"
+
+# Declare your gem's dependencies in phantom_graph.gemspec.
+# Bundler will treat runtime dependencies like base dependencies, and
+# development dependencies will be added by default to the :development group.
+gemspec
+
+# jquery-rails is used by the dummy application
+gem "jquery-rails"
+
+# Declare any dependencies that are still in development here instead of in
+# your gemspec. These might include edge Rails or gems from your path or
+# Git. Remember to move these dependencies to your gemspec before releasing
+# your gem to rubygems.org.
+
+# To use debugger
+# gem 'debugger'

data/Gemfile.lock

@@ -0,0 +1,78 @@
+PATH
+  remote: .
+  specs:
+    phantom_graph (0.0.3)
+      json
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    actionpack (3.2.13)
+      activemodel (= 3.2.13)
+      activesupport (= 3.2.13)
+      builder (~> 3.0.0)
+      erubis (~> 2.7.0)
+      journey (~> 1.0.4)
+      rack (~> 1.4.5)
+      rack-cache (~> 1.2)
+      rack-test (~> 0.6.1)
+      sprockets (~> 2.2.1)
+    activemodel (3.2.13)
+      activesupport (= 3.2.13)
+      builder (~> 3.0.0)
+    activesupport (3.2.13)
+      i18n (= 0.6.1)
+      multi_json (~> 1.0)
+    builder (3.0.4)
+    diff-lcs (1.2.4)
+    erubis (2.7.0)
+    hike (1.2.3)
+    i18n (0.6.1)
+    journey (1.0.4)
+    jquery-rails (3.0.1)
+      railties (>= 3.0, < 5.0)
+      thor (>= 0.14, < 2.0)
+    json (1.8.0)
+    multi_json (1.7.7)
+    rack (1.4.5)
+    rack-cache (1.2)
+      rack (>= 0.4)
+    rack-ssl (1.3.3)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    railties (3.2.13)
+      actionpack (= 3.2.13)
+      activesupport (= 3.2.13)
+      rack-ssl (~> 1.3.2)
+      rake (>= 0.8.7)
+      rdoc (~> 3.4)
+      thor (>= 0.14.6, < 2.0)
+    rake (10.1.0)
+    rdoc (3.12.2)
+      json (~> 1.4)
+    rspec (2.13.0)
+      rspec-core (~> 2.13.0)
+      rspec-expectations (~> 2.13.0)
+      rspec-mocks (~> 2.13.0)
+    rspec-core (2.13.1)
+    rspec-expectations (2.13.0)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.13.1)
+    sprockets (2.2.2)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    thor (0.18.1)
+    tilt (1.4.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jquery-rails
+  phantom_graph!
+  rack-test (>= 0.5.6)
+  rake (>= 0.9.2)
+  rspec (>= 2.2.0)

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 Yacobus Reinhart
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,72 @@
+= PhantomGraph
+
+PhantomGraph helps complex process to generate javascript charts to image or pdf without requesting or rendering view to the application. 
+PhantomGraph is pure server-side process by using phantomjs and suitable for background process. 
+It is lighweight solution for wkhtmltopdf alternative.
+
+= Installation
+
+    gem 'phantom_graph'
+or
+    gem install 'phantom_graph'
+
+Do not forget to install phantomjs
+
+    See http://phantomjs.org/download.html on how to install phatomjs
+
+= How To Use
+
+add initialize file to "config/initializers/phantom_graph.rb"
+```
+  PhantomGraph.configure do |config|
+  
+    # default: `which phantomjs` or `bundle exec which phantomjs`
+    config.phantomjs = "/usr/local/bin/phantomjs"
+  
+    # default: false
+    config.logger = true
+    
+    # Some javascript plugins are included in Gem
+    # if you override please change configuration below
+    
+    # config.highcharts_convert_path = "/path/app/js/highcharts-convert.js"
+    # config.highcharts_theme_path = "/path/app/js/highcharts-theme.js"
+    # config.highcharts_path = "/path/app/js/highcharts.js"
+    # config.highstock_path = "/path/app/js/highstock.js"
+    # config.jquery_path = "/path/app/js/jquery.js"
+  end
+
+=== For more samples of json string or file please check:
+    * highchart json, please check: http://www.highcharts.com/demo/
+    * highstock json, please check: http://www.highcharts.com/stock/demo
+
+==== Highchart
+    # sample script: spec/phantom_graph/convert/highchart_spec.rb
+    options = {image_file_path: "#{Rails.root}/tmp", filename: "output.png"}
+    callback_json = "customCallback"
+    highchart = PhantomGraph::Convert::Highchart.new(json_str, options, callback_json)
+    highchart.result
+
+==== Highstock
+    # sample script: spec/phantom_graph/convert/higstock_spec.rb
+    options = {image_file_path: "/path/project/public", filename: "report.pdf"}
+    highstock = PhantomGraph::Convert::Highstock.new(json_str, options, callback_json)
+    highstock.result
+
+==== Outputs: PDF, SVG, PNG, JPG
+
+===== Default options for Highstock and Highchart:
+    {width:              1200, 
+     scale:              0.5, 
+     constr:             "Chart", 
+     json_file_path:     "/tmp", 
+     image_file_path:    "/tmp", 
+     filename:           nil,
+     callback_file_path: "/tmp"
+    }
+
+
+= TODO
+1. Add Google Chart Module
+2. Add Custom Theme Support
+3. Add Synchronous Processor

data/Rakefile

@@ -0,0 +1,38 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'PhantomGraph'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/lib/phantom_graph.rb

@@ -0,0 +1,7 @@
+require 'logger'
+require 'json'
+require 'phantom_graph/version'
+require 'phantom_graph/base'
+require 'phantom_graph/setting'
+require 'phantom_graph/error'
+require 'phantom_graph/convert'

data/lib/phantom_graph/base.rb

@@ -0,0 +1,7 @@
+module PhantomGraph
+  class Base
+    def self.attributes(*names)
+      attr_accessor(*names)
+    end
+  end
+end

data/lib/phantom_graph/convert.rb

@@ -0,0 +1,6 @@
+module PhantomGraph
+  module Convert
+    autoload :Highchart,  "phantom_graph/convert/highchart"
+    autoload :Stockchart, "phantom_graph/convert/stockchart"
+  end
+end

data/lib/phantom_graph/convert/highchart.rb

@@ -0,0 +1,107 @@
+module PhantomGraph
+  module Convert
+    class Highchart < PhantomGraph::Base
+      CH_OPTIONS = {width:              600, 
+                    scale:              1, 
+                    constr:             "Chart",
+                    filename:           nil, 
+                    json_file_path:     "/tmp", 
+                    image_file_path:    "/tmp", 
+                    callback_file_path: "/tmp"}
+      attributes :callback_file, :json_file, :image_file, :json
+
+      def initialize( js_json, opts = {}, callback_json = nil )
+        options.merge!(PhantomGraph.setting.default_options.merge(opts))
+        prepare_tmp_files
+        flush_callback(callback_json) if callback_json
+        flush_json(js_json)
+      end
+
+      def options
+        @options ||= CH_OPTIONS
+      end
+
+      def image
+        f = File.new([options[:image_file_path], random_filename].join("/"), "w+")
+        f.write(self.image_file.read)
+        f.close
+        f
+      end
+
+      def result
+        image
+      end
+
+      def random_filename
+        return @options[:filename] if @options[:filename]
+        "#{rand(100000)}-#{Time.now.to_i}.png"
+      end
+
+      def process
+        log(to_s)
+        log(`#{build_cmd}`)
+      end
+
+      def logger
+        @logger ||= ::Logger.new(STDOUT)
+      end
+
+      def flush_json(js_json)
+        self.json = js_json
+        json_file.write(js_json)
+        json_file.flush
+        process if options[:auto_process]
+      end
+
+      def flush_callback(callback_json)
+        callback_file.write("function(chart) {\n#{callback_json}\n}")
+        callback_file.flush
+      end
+
+      def to_s
+        "<ImageHighchart path='#{options[:phantom_js_path]}' " + 
+        "highcharts_convert_path='#{options[:highcharts_convert_path]}' " +
+        "config_temp='#{json_file.path}' image_temp='#{image_file.path}' " + 
+        "phantom_js_command='#{build_cmd}'\njson: #{json.inspect}\n>"
+      end
+
+      def build_cmd
+        [:phantom_js_path, :json_file, :image_file].each do |key|
+          check_error(key)
+        end
+        cmd  = "#{options[:phantom_js_path]} #{options[:highcharts_convert_path]} "
+        cmd += "-infile #{json_file.path} -outfile #{image_file.path} "
+        cmd += "-scale #{options[:scale]} "   if options[:scale]
+        cmd += "-width #{options[:width]} "   if options[:width]
+        cmd += "-width #{options[:height]} "  if options[:height]
+        cmd += "-constr #{options[:constr]}"  if options[:constr]
+        cmd += " -theme #{options[:highcharts_theme_path]}" if options[:highcharts_theme_path]
+        cmd
+      end
+
+      def check_error(filekey)
+        if filekey == :phantom_js_path
+          raise PhantomGraph::Error::NoExecutable.new unless File.exists?( options[filekey].to_s )
+        else
+          raise PhantomGraph::Error::InvalidSource.new(filekey) unless send(filekey)
+        end
+      end
+
+      def prepare_tmp_files
+        self.json_file     = Tempfile.new( ['json',     '.json'], options[:json_file_path] )
+        self.callback_file = Tempfile.new( ['callback', '.json'], options[:callback_file_path] )
+        self.image_file    = Tempfile.new( ['chart',    file_ext],  options[:image_file_path]  )
+      end
+
+      def log(msg)
+        logger.debug(msg) if options[:logger]
+      end
+
+      def file_ext
+        options[:filename] ? options[:filename].match(/\.\w+$/i).to_s.downcase : ".png"
+      end
+
+        
+    end
+  end
+end

data/lib/phantom_graph/convert/stockchart.rb

@@ -0,0 +1,11 @@
+module PhantomGraph
+  module Convert
+    class Stockchart < PhantomGraph::Convert::Highchart
+
+      def options
+        @options ||= CH_OPTIONS.merge(constr: "StockChart")
+      end
+
+    end
+  end
+end

data/lib/phantom_graph/error.rb

@@ -0,0 +1,19 @@
+module PhantomGraph
+  module Error
+
+    class NoExecutable < StandardError
+      def initialize
+        msg = "No phantomjs executable found at #{PhantomGraph.setting.phantomjs}\n"
+        msg << ">> Please install phantomjs - http://phantomjs.org/download.html"
+        super(msg)
+      end
+    end
+
+    class InvalidSource < StandardError
+      def initialize(msg = nil)
+        super("Invalid Source: #{msg}")
+      end
+    end
+
+  end
+end

data/lib/phantom_graph/js/data.js

@@ -0,0 +1,16 @@
+/*
+ Data plugin for Highcharts
+
+ (c) 2012-2013 Torstein Hønsi
+ Last revision 2012-11-27
+
+ License: www.highcharts.com/license
+*/
+(function(f){var k=f.each,n=function(a){this.init(a)};f.extend(n.prototype,{init:function(a){this.options=a;this.columns=a.columns||this.rowsToColumns(a.rows)||[];this.columns.length?this.dataFound():(this.parseCSV(),this.parseTable(),this.parseGoogleSpreadsheet())},dataFound:function(){this.parseTypes();this.findHeaderRow();this.parsed();this.complete()},parseCSV:function(){var a=this,b=this.options,c=b.csv,d=this.columns,e=b.startRow||0,g=b.endRow||Number.MAX_VALUE,h=b.startColumn||0,l=b.endColumn||
+Number.MAX_VALUE,q=0;c&&(c=c.replace(/\r\n/g,"\n").replace(/\r/g,"\n").split(b.lineDelimiter||"\n"),k(c,function(c,m){var o=a.trim(c),f=o.indexOf("#")===0;m>=e&&m<=g&&!f&&o!==""&&(o=c.split(b.itemDelimiter||","),k(o,function(b,a){a>=h&&a<=l&&(d[a-h]||(d[a-h]=[]),d[a-h][q]=b)}),q+=1)}),this.dataFound())},parseTable:function(){var a=this.options,b=a.table,c=this.columns,d=a.startRow||0,e=a.endRow||Number.MAX_VALUE,g=a.startColumn||0,h=a.endColumn||Number.MAX_VALUE,l;b&&(typeof b==="string"&&(b=document.getElementById(b)),
+k(b.getElementsByTagName("tr"),function(a,b){l=0;b>=d&&b<=e&&k(a.childNodes,function(a){if((a.tagName==="TD"||a.tagName==="TH")&&l>=g&&l<=h)c[l]||(c[l]=[]),c[l][b-d]=a.innerHTML,l+=1})}),this.dataFound())},parseGoogleSpreadsheet:function(){var a=this,b=this.options,c=b.googleSpreadsheetKey,d=this.columns,e=b.startRow||0,g=b.endRow||Number.MAX_VALUE,h=b.startColumn||0,l=b.endColumn||Number.MAX_VALUE,f,j;c&&jQuery.getJSON("https://spreadsheets.google.com/feeds/cells/"+c+"/"+(b.googleSpreadsheetWorksheet||
+"od6")+"/public/values?alt=json-in-script&callback=?",function(b){var b=b.feed.entry,c,k=b.length,n=0,p=0,i;for(i=0;i<k;i++)c=b[i],n=Math.max(n,c.gs$cell.col),p=Math.max(p,c.gs$cell.row);for(i=0;i<n;i++)if(i>=h&&i<=l)d[i-h]=[],d[i-h].length=Math.min(p,g-e);for(i=0;i<k;i++)if(c=b[i],f=c.gs$cell.row-1,j=c.gs$cell.col-1,j>=h&&j<=l&&f>=e&&f<=g)d[j-h][f-e]=c.content.$t;a.dataFound()})},findHeaderRow:function(){k(this.columns,function(){});this.headerRow=0},trim:function(a){return typeof a==="string"?a.replace(/^\s+|\s+$/g,
+""):a},parseTypes:function(){for(var a=this.columns,b=a.length,c,d,e,g;b--;)for(c=a[b].length;c--;)d=a[b][c],e=parseFloat(d),g=this.trim(d),g==e?(a[b][c]=e,e>31536E6?a[b].isDatetime=!0:a[b].isNumeric=!0):(d=this.parseDate(d),b===0&&typeof d==="number"&&!isNaN(d)?(a[b][c]=d,a[b].isDatetime=!0):a[b][c]=g===""?null:g)},dateFormats:{"YYYY-mm-dd":{regex:"^([0-9]{4})-([0-9]{2})-([0-9]{2})$",parser:function(a){return Date.UTC(+a[1],a[2]-1,+a[3])}}},parseDate:function(a){var b=this.options.parseDate,c,d,
+e;b&&(c=b(a));if(typeof a==="string")for(d in this.dateFormats)b=this.dateFormats[d],(e=a.match(b.regex))&&(c=b.parser(e));return c},rowsToColumns:function(a){var b,c,d,e,g;if(a){g=[];c=a.length;for(b=0;b<c;b++){e=a[b].length;for(d=0;d<e;d++)g[d]||(g[d]=[]),g[d][b]=a[b][d]}}return g},parsed:function(){this.options.parsed&&this.options.parsed.call(this,this.columns)},complete:function(){var a=this.columns,b,c,d,e,g=this.options,h,f,k,j,m;if(g.complete){a.length>1&&(d=a.shift(),this.headerRow===0&&
+d.shift(),(b=d.isNumeric||d.isDatetime)||(c=d),d.isDatetime&&(e="datetime"));h=[];for(j=0;j<a.length;j++){this.headerRow===0&&(k=a[j].shift());f=[];for(m=0;m<a[j].length;m++)f[m]=a[j][m]!==void 0?b?[d[m],a[j][m]]:a[j][m]:null;h[j]={name:k,data:f}}g.complete({xAxis:{categories:c,type:e},series:h})}}});f.Data=n;f.data=function(a){return new n(a)};f.wrap(f.Chart.prototype,"init",function(a,b,c){var d=this;b&&b.data?f.data(f.extend(b.data,{complete:function(e){b.series&&k(b.series,function(a,c){b.series[c]=
+f.merge(a,e.series[c])});b=f.merge(e,b);a.call(d,b,c)}})):a.call(d,b,c)})})(Highcharts);

data/lib/phantom_graph/js/gray.js

@@ -0,0 +1,257 @@
+/**
+ * Gray theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee",
+		"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
+	chart: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, 'rgb(96, 96, 96)'],
+				[1, 'rgb(16, 16, 16)']
+			]
+		},
+		borderWidth: 0,
+		borderRadius: 15,
+		plotBackgroundColor: null,
+		plotShadow: false,
+		plotBorderWidth: 0
+	},
+	title: {
+		style: {
+			color: '#FFF',
+			font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#DDD',
+			font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineWidth: 0,
+		lineColor: '#999',
+		tickColor: '#999',
+		labels: {
+			style: {
+				color: '#999',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#AAA',
+				font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	yAxis: {
+		alternateGridColor: null,
+		minorTickInterval: null,
+		gridLineColor: 'rgba(255, 255, 255, .1)',
+		minorGridLineColor: 'rgba(255,255,255,0.07)',
+		lineWidth: 0,
+		tickWidth: 0,
+		labels: {
+			style: {
+				color: '#999',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#AAA',
+				font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	legend: {
+		itemStyle: {
+			color: '#CCC'
+		},
+		itemHoverStyle: {
+			color: '#FFF'
+		},
+		itemHiddenStyle: {
+			color: '#333'
+		}
+	},
+	labels: {
+		style: {
+			color: '#CCC'
+		}
+	},
+	tooltip: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, 'rgba(96, 96, 96, .8)'],
+				[1, 'rgba(16, 16, 16, .8)']
+			]
+		},
+		borderWidth: 0,
+		style: {
+			color: '#FFF'
+		}
+	},
+
+
+	plotOptions: {
+		series: {
+			shadow: true
+		},
+		line: {
+			dataLabels: {
+				color: '#CCC'
+			},
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		spline: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		scatter: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		candlestick: {
+			lineColor: 'white'
+		}
+	},
+
+	toolbar: {
+		itemStyle: {
+			color: '#CCC'
+		}
+	},
+
+	navigation: {
+		buttonOptions: {
+			symbolStroke: '#DDDDDD',
+			hoverSymbolStroke: '#FFFFFF',
+			theme: {
+				fill: {
+					linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+					stops: [
+						[0.4, '#606060'],
+						[0.6, '#333333']
+					]
+				},
+				stroke: '#000000'
+			}
+		}
+	},
+
+	// scroll charts
+	rangeSelector: {
+		buttonTheme: {
+			fill: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+			stroke: '#000000',
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold'
+			},
+			states: {
+				hover: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.4, '#BBB'],
+							[0.6, '#888']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'white'
+					}
+				},
+				select: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.1, '#000'],
+							[0.3, '#333']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'yellow'
+					}
+				}
+			}
+		},
+		inputStyle: {
+			backgroundColor: '#333',
+			color: 'silver'
+		},
+		labelStyle: {
+			color: 'silver'
+		}
+	},
+
+	navigator: {
+		handles: {
+			backgroundColor: '#666',
+			borderColor: '#AAA'
+		},
+		outlineColor: '#CCC',
+		maskFill: 'rgba(16, 16, 16, 0.5)',
+		series: {
+			color: '#7798BF',
+			lineColor: '#A6C7ED'
+		}
+	},
+
+	scrollbar: {
+		barBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		barBorderColor: '#CCC',
+		buttonArrowColor: '#CCC',
+		buttonBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		buttonBorderColor: '#CCC',
+		rifleColor: '#FFF',
+		trackBackgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, '#000'],
+				[1, '#333']
+			]
+		},
+		trackBorderColor: '#666'
+	},
+
+	// special colors for some of the demo examples
+	legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
+	legendBackgroundColorSolid: 'rgb(70, 70, 70)',
+	dataLabelsColor: '#444',
+	textColor: '#E0E0E0',
+	maskColor: 'rgba(255,255,255,0.3)'
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);