diff options
Diffstat (limited to 'js/dojo/dojox/charting/themes/PlotKit')
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/README | 11 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/base.js | 54 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/blue.js | 8 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/cyan.js | 8 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/green.js | 8 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/orange.js | 8 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/purple.js | 8 | ||||
| -rw-r--r-- | js/dojo/dojox/charting/themes/PlotKit/red.js | 8 |
8 files changed, 113 insertions, 0 deletions
diff --git a/js/dojo/dojox/charting/themes/PlotKit/README b/js/dojo/dojox/charting/themes/PlotKit/README new file mode 100644 index 0000000..dbf4c81 --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/README @@ -0,0 +1,11 @@ +This directory contains a set of themes for the DojoX Charting +engine that are based on the visual stylings of the PlotKit +chart kit, created by Alastair Tse: + +http://www.liquidx.net/plotkit/ + +...whose work we admire. Consider these themes to not be a +ripoff of his fine work, but instead a true homage: his charts +are beautiful, and we stand in awe. + +--trt, 2007-06-08 diff --git a/js/dojo/dojox/charting/themes/PlotKit/base.js b/js/dojo/dojox/charting/themes/PlotKit/base.js new file mode 100644 index 0000000..4776c67 --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/base.js @@ -0,0 +1,54 @@ +//>>built +define("dojox/charting/themes/PlotKit/base", ["dojo/_base/kernel","dojo/_base/lang","../../Theme", "../common"], + function(dojo, lang, Theme, themes){ + + // the baseline theme for all PlotKIt themes + var pk = lang.getObject("PlotKit", true, themes); + + pk.base = new Theme({ + chart:{ + stroke: null, + fill: "yellow" + }, + plotarea:{ + stroke: null, + fill: "yellow" + }, + axis:{ + stroke: {color:"#fff", width:1}, + line: {color:"#fff", width:.5}, + majorTick: {color: "#fff", width: .5, length: 6}, + minorTick: {color: "#fff", width: .5, length: 3}, + tick: {font: "normal normal normal 7pt Helvetica,Arial,sans-serif", fontColor: "#999"} + }, + series:{ + stroke: {width: 2.5, color:"#fff"}, + fill: "#666", + font: "normal normal normal 7.5pt Helvetica,Arial,sans-serif", // label + fontColor: "#666" + }, + marker:{ // any markers on a series. + stroke: {width: 2}, + fill: "#333", + font: "normal normal normal 7pt Helvetica,Arial,sans-serif", // label + fontColor: "#666" + }, + colors: ["red", "green", "blue"] + }); + + pk.base.next = function(elementType, mixin, doPost){ + var theme = Theme.prototype.next.apply(this, arguments); + if(elementType == "line"){ + theme.marker.outline = {width: 2, color: "#fff"}; + theme.series.stroke.width = 3.5; + theme.marker.stroke.width = 2; + } else if (elementType == "candlestick"){ + theme.series.stroke.width = 1; + } else { + theme.series.stroke.color = "#fff"; + } + return theme; + }; + + return pk; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/blue.js b/js/dojo/dojox/charting/themes/PlotKit/blue.js new file mode 100644 index 0000000..e868e14 --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/blue.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/blue", ["./base", "../../Theme"], function(pk, Theme){ + pk.blue = pk.base.clone(); + pk.blue.chart.fill = pk.blue.plotarea.fill = "#e7eef6"; + pk.blue.colors = Theme.defineColors({hue: 217, saturation: 60, low: 40, high: 88}); + + return pk.blue; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/cyan.js b/js/dojo/dojox/charting/themes/PlotKit/cyan.js new file mode 100644 index 0000000..7e21bae --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/cyan.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/cyan", ["./base", "../../Theme"], function(pk, Theme){ + pk.cyan = pk.base.clone(); + pk.cyan.chart.fill = pk.cyan.plotarea.fill = "#e6f1f5"; + pk.cyan.colors = Theme.defineColors({hue: 194, saturation: 60, low: 40, high: 88}); + + return pk.cyan; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/green.js b/js/dojo/dojox/charting/themes/PlotKit/green.js new file mode 100644 index 0000000..241f42a --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/green.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/green", ["./base", "../../Theme"], function(pk, Theme){ + pk.green = pk.base.clone(); + pk.green.chart.fill = pk.green.plotarea.fill = "#eff5e6"; + pk.green.colors = Theme.defineColors({hue: 82, saturation: 60, low: 40, high: 88}); + + return pk.green; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/orange.js b/js/dojo/dojox/charting/themes/PlotKit/orange.js new file mode 100644 index 0000000..22256bc --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/orange.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/orange", ["./base", "../../Theme"], function(pk, Theme){ + pk.orange = pk.base.clone(); + pk.orange.chart.fill = pk.orange.plotarea.fill = "#f5eee6"; + pk.orange.colors = Theme.defineColors({hue: 31, saturation: 60, low: 40, high: 88}); + + return pk.orange; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/purple.js b/js/dojo/dojox/charting/themes/PlotKit/purple.js new file mode 100644 index 0000000..30b3552 --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/purple.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/purple", ["./base", "../../Theme"], function(pk, Theme){ + pk.purple = pk.base.clone(); + pk.purple.chart.fill = pk.purple.plotarea.fill = "#eee6f5"; + pk.purple.colors = Theme.defineColors({hue: 271, saturation: 60, low: 40, high: 88}); + + return pk.purple; +}); diff --git a/js/dojo/dojox/charting/themes/PlotKit/red.js b/js/dojo/dojox/charting/themes/PlotKit/red.js new file mode 100644 index 0000000..9b77eff --- /dev/null +++ b/js/dojo/dojox/charting/themes/PlotKit/red.js @@ -0,0 +1,8 @@ +//>>built +define("dojox/charting/themes/PlotKit/red", ["./base", "../../Theme"], function(pk, Theme){ + pk.red = pk.base.clone(); + pk.red.chart.fill = pk.red.plotarea.fill = "#f5e6e6"; + pk.red.colors = Theme.defineColors({hue: 1, saturation: 60, low: 40, high: 88}); + + return pk.red; +}); |
