dygraphs tests

") - .append($("").addClass("name").text(opt)) - .append($("").addClass("option") - .append(input)); - - row.mouseover(function(source, title, type, body) { - return function() { - palette.tooltip.show(source, title, type, body); - }; - } (row, opt, type, Dygraph.OPTIONS_REFERENCE[opt].description)) - .mouseout(function() { palette.tooltip.hide(); }) - - row.appendTo(table); - - palette.model[opt] = { input: input, row: row }; - } catch(err) { - throw "For option " + opt + ":" + err; - } - }); - - this.filter(""); -} - -// TODO: replace semicolon parsing with comma parsing, and supporting quotes. -Palette.parseStringArray = function(value) { - if (value == null || value.length == 0) { - return null; - } - return value.split(";"); -} - -Palette.parseBooleanArray = function(value) { - if (value == null || value.length == 0) { - return null; - } - return value.split(',').map(function(x) { - return x.trim() == "true"; - }); -} - -Palette.parseFloatArray = function(value) { - if (value == null || value.length == 0) { - return null; - } - return value.split(',').map(function(x) { - return parseFloat(x); - }); -} - -Palette.parseIntArray = function(value) { - if (value == null || value.length == 0) { - return null; - } - - return value.split(',').map(function(x) { - return parseInt(x); - }); -} - -Palette.prototype.read = function() { - var results = {}; - for (var opt in this.model) { - if (this.model.hasOwnProperty(opt)) { - var type = opts[opt].type; - var isFunction = type.indexOf("function(") == 0; - var input = this.model[opt].input[0]; // jquery dereference. - var value = isFunction ? this.model[opt].functionString : input.value; - if (value && value.length != 0) { - if (type == "boolean") { - if (value == "false") { - results[opt] = false; - } - if (value == "true") { - results[opt] = true; - } - // Ignore value == "none" - } else if (type == "int") { - results[opt] = parseInt(value); - } else if (type == "float") { - results[opt] = parseFloat(value); - } else if (type == "array") { - results[opt] = Palette.parseStringArray(value); - } else if (type == "array") { - results[opt] = Palette.parseFloatArray(value); - } else if (type == "array") { - results[opt] = Palette.parseBooleanArray(value); - } else if (type == "array") { - results[opt] = Palette.parseIntArray(value); - } else if (type == "array") { - results[opt] = Palette.parseIntArray(value); - } else if (isFunction) { - var localVariable = null; - eval("localVariable = " + value); - results[opt] = localVariable; - } else { - results[opt] = value; - } - } - } - } - return results; -} - -/** - * Write to input elements. - */ -Palette.prototype.write = function(hash) { - if (!hash) { - return; - } - var results = {}; - for (var opt in this.model) { - if (this.model.hasOwnProperty(opt)) { - var input = this.model[opt].input[0]; // jquery dereference - var type = opts[opt].type; - var value = hash[opt]; - if (type == "boolean") { - var text = value == true ? "true" : (value == false ? "false" : "none"); - Palette.populateBooleanButton(input, text); - } else if (type == "array") { - if (value) { - input.value = value.join("; "); - } - } else if (type.indexOf("array") == 0) { - if (value) { - input.value = value.join(", "); - } - } else if (type.indexOf("function(") == 0) { - input.textContent = value ? "defined" : "not defined"; - this.model[opt].functionString = value ? value.toString() : null; - } else { - if (value != undefined) { - input.value = value; - } - } - } - } -} - -Palette.populateBooleanButton = function(button, value) { - button.innerHTML = value; - button.value = value; -} - -Palette.prototype.filter = function(pattern) { - pattern = pattern.toLowerCase(); - var even = true; - for (var opt in this.model) { - if (this.model.hasOwnProperty(opt)) { - var row = this.model[opt].row; - var matches = opt.toLowerCase().indexOf(pattern) >= 0; - row.toggle(matches); - if (matches) { - row.attr("class", even ? "even" : "odd"); - even = !even; - } - } - } -} diff --git a/experimental/palette/samples.js b/experimental/palette/samples.js deleted file mode 100644 index aa84c39..0000000 --- a/experimental/palette/samples.js +++ /dev/null @@ -1,194 +0,0 @@ -// Copyright (c) 2012 Google, Inc. -// -// 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. - -/** - * @fileoverview Source samples. - * - * @author konigsberg@google.com (Robert Konigsberg) - */ - -"use strict"; - -var Samples = {}; -Samples.data = [ - { - id: "interestingShapes", - title: "Interesting Shapes", - data: function() { - var zp = function(x) { if (x < 10) return "0"+x; else return x; }; - var r = "date,parabola,line,another line,sine wave\n"; - for (var i=1; i<=31; i++) { - r += "201110" + zp(i); - r += "," + 10*(i*(31-i)); - r += "," + 10*(8*i); - r += "," + 10*(250 - 8*i); - r += "," + 10*(125 + 125 * Math.sin(0.3*i)); - r += "\n"; - } - return r; - }, - options: { - colors: [ - "rgb(51,204,204)", - "rgb(255,100,100)", - "#00DD55", - "rgba(50,50,200,0.4)" - ], - labelsSeparateLines: true, - labelsKMB: true, - legend: 'always', - width: 640, - height: 480, - title: 'Interesting Shapes', - xlabel: 'Date', - ylabel: 'Count', - axisLineColor: 'white', - drawXGrid: false, - -// This indentation is intentional; do not fix. - pointClickCallback: function() { - alert("p-click!"); -} - } - }, - - { - id: "sparse", - title: "Sparse Data", - data: [ - [ new Date("2009/12/01"), 10, 10, 10], - [ new Date("2009/12/02"), 15, 11, 12], - [ new Date("2009/12/03"), null, null, 12], - [ new Date("2009/12/04"), 20, 14, null], - [ new Date("2009/12/05"), 15, null, 17], - [ new Date("2009/12/06"), 18, null, null], - [ new Date("2009/12/07"), 12, 14, null] - ], - options: { - labels: ["Date", "Series1", "Series2", "Series3"] - } - }, - - { - id: "manyPoints", - title: "Dense Data", - data: function() { - var numPoints = 1000; - var numSeries = 100; - - var data = []; - var xmin = 0.0; - var xmax = 2.0 * Math.PI; - var adj = .5; - var delta = (xmax - xmin) / (numPoints - 1); - - for (var i = 0; i < numPoints; ++i) { - var x = xmin + delta * i; - var elem = [ x ]; - for (var j = 0; j < numSeries; j++) { - var y = Math.pow(Math.random() - Math.random(), 7); - elem.push(y); - } - data[i] = elem; - } - return data; - }, - options: { - labelsSeparateLines: true, - width: 640, - height: 480, - title: 'Many Points', - axisLineColor: 'white', - } - }, - - { - id: "errorBars", - title: "Error Bars", - data: [ - [1, [10, 10, 100]], - [2, [15, 20, 110]], - [3, [10, 30, 100]], - [4, [15, 40, 110]], - [5, [10, 120, 100]], - [6, [15, 50, 110]], - [7, [10, 70, 100]], - [8, [15, 90, 110]], - [9, [10, 50, 100]] - ], - options: { - customBars: true, - errorBars: true - } - }, - - { - id: "perSeries", - title: "Per Series Options", - data: function() { - var zp = function(x) { if (x < 10) return "0"+x; else return x; }; - var r = "date,parabola,line,another line,sine wave,sine wave2\n"; - for (var i=1; i<=31; i++) { - r += "200610" + zp(i); - r += "," + 10*(i*(31-i)); - r += "," + 10*(8*i); - r += "," + 10*(250 - 8*i); - r += "," + 10*(125 + 125 * Math.sin(0.3*i)); - r += "," + 10*(125 + 125 * Math.sin(0.3*i+Math.PI)); - r += "\n"; - } - return r; - }, - options: { - strokeWidth: 2, - series : { - 'parabola': { - strokeWidth: 0.0, - drawPoints: true, - pointSize: 4, - highlightCircleSize: 6 - }, - 'line': { - strokeWidth: 1.0, - drawPoints: true, - pointSize: 1.5 - }, - 'sine wave': { - strokeWidth: 3, - highlightCircleSize: 10 - }, - 'sine wave2': { - strokePattern: [10, 2, 5, 2], - strokeWidth: 2, - highlightCircleSize: 3 - } - } - } - } -]; - -Samples.indexOf = function(id) { - for (var idx in Samples.data) { - if (Samples.data[idx].id == id) { - return idx; - } - } - return null; -} diff --git a/experimental/palette/tooltip.css b/experimental/palette/tooltip.css deleted file mode 100644 index 1210e34..0000000 --- a/experimental/palette/tooltip.css +++ /dev/null @@ -1,20 +0,0 @@ -.tooltip { - position: absolute; - border: 1px solid black; - background-color: lightyellow; - width: 280px; -} - -.tooltip .prompt { - font-family: Inconsolata, Courier New, Courier; -} - -.tooltip .type { - font-family: Inconsolata, Courier New, Courier; - margin-bottom: 0.5em; - font-size: smaller; -} - -.tooltip .body { - font-size: smaller; -} diff --git a/experimental/palette/tooltip.js b/experimental/palette/tooltip.js deleted file mode 100644 index d084f82..0000000 --- a/experimental/palette/tooltip.js +++ /dev/null @@ -1,66 +0,0 @@ -// Copyright (c) 2011 Google, Inc. -// -// 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. - -/** - * @fileoverview Dygraphs options palette tooltip. - * - * @author konigsberg@google.com (Robert Konigsberg) - */ -"use strict"; - -function Tooltip(parent) { - if (!parent) { - parent = $("body")[0]; - } - this.elem = $("

") - .attr("class", "tooltip") - .appendTo(parent); - - this.title = $("

") - .attr("class", "title") - .appendTo(this.elem); - - this.type = $("

") - .attr("class", "type") - .appendTo(this.elem); - - this.body = $("

This test demonstrates how annotations can be used with native-format data.

diff --git a/tests/annotation.html b/tests/annotation.html index 31e0062..6d477e2 100644 --- a/tests/annotation.html +++ b/tests/annotation.html @@ -9,7 +9,7 @@ For production (minified) code, use: --> - +

Palette

Learn By Doing

tips