summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/charting/themes/PlotKit
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dojox/charting/themes/PlotKit')
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/README11
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/base.js54
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/blue.js8
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/cyan.js8
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/green.js8
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/orange.js8
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/purple.js8
-rw-r--r--js/dojo/dojox/charting/themes/PlotKit/red.js8
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;
+});