diff options
Diffstat (limited to 'js/dojo-1.7.2/dojox/charting/themes/Electric.js')
| -rw-r--r-- | js/dojo-1.7.2/dojox/charting/themes/Electric.js | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dojox/charting/themes/Electric.js b/js/dojo-1.7.2/dojox/charting/themes/Electric.js new file mode 100644 index 0000000..ce49b32 --- /dev/null +++ b/js/dojo-1.7.2/dojox/charting/themes/Electric.js @@ -0,0 +1,89 @@ +//>>built +define("dojox/charting/themes/Electric", ["../Theme", "dojox/gfx/gradutils", "./common"], function(Theme, gradutils, themes){ + + var g = Theme.generateGradient, + defaultFill = {type: "linear", space: "shape", x1: 0, y1: 0, x2: 0, y2: 75}; + + themes.Electric = new Theme({ + chart: { + fill: "#252525", + stroke: {color: "#252525"}, + pageStyle: {backgroundColor: "#252525", backgroundImage: "none", color: "#ccc"} + }, + plotarea: { + fill: "#252525" + }, + axis:{ + stroke: { // the axis itself + color: "#aaa", + width: 1 + }, + tick: { // used as a foundation for all ticks + color: "#777", + position: "center", + font: "normal normal normal 7pt Helvetica, Arial, sans-serif", // labels on axis + fontColor: "#777" // color of labels + } + }, + series: { + stroke: {width: 2, color: "#ccc"}, + outline: null, + font: "normal normal normal 8pt Helvetica, Arial, sans-serif", + fontColor: "#ccc" + }, + marker: { + stroke: {width: 3, color: "#ccc"}, + outline: null, + font: "normal normal normal 8pt Helvetica, Arial, sans-serif", + fontColor: "#ccc" + }, + seriesThemes: [ + {fill: g(defaultFill, "#004cbf", "#06f")}, + {fill: g(defaultFill, "#bf004c", "#f06")}, + {fill: g(defaultFill, "#43bf00", "#6f0")}, + {fill: g(defaultFill, "#7300bf", "#90f")}, + {fill: g(defaultFill, "#bf7300", "#f90")}, + {fill: g(defaultFill, "#00bf73", "#0f9")} + ], + markerThemes: [ + {fill: "#06f", stroke: {color: "#06f"}}, + {fill: "#f06", stroke: {color: "#f06"}}, + {fill: "#6f0", stroke: {color: "#6f0"}}, + {fill: "#90f", stroke: {color: "#90f"}}, + {fill: "#f90", stroke: {color: "#f90"}}, + {fill: "#0f9", stroke: {color: "#0f9"}} + ] + }); + + themes.Electric.next = function(elementType, mixin, doPost){ + var isLine = elementType == "line"; + if(isLine || elementType == "area"){ + // custom processing for lines: substitute colors + var s = this.seriesThemes[this._current % this.seriesThemes.length]; + s.fill.space = "plot"; + if(isLine){ + s.stroke = { width: 2.5, color: s.fill.colors[1].color}; + } + if(elementType == "area"){ + s.fill.y2 = 90; + } + var theme = Theme.prototype.next.apply(this, arguments); + // cleanup + delete s.stroke; + s.fill.y2 = 75; + s.fill.space = "shape"; + return theme; + } + return Theme.prototype.next.apply(this, arguments); + }; + + themes.Electric.post = function(theme, elementType){ + theme = Theme.prototype.post.apply(this, arguments); + if((elementType == "slice" || elementType == "circle") && theme.series.fill && theme.series.fill.type == "radial"){ + theme.series.fill = gradutils.reverse(theme.series.fill); + } + return theme; + }; + + return themes.Electric; +}); |
