dygraphs

Version:

dygraphs is a fast, flexible open source JavaScript charting library.

93 lines • 13.3 kB

HTML

<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> .KEYW {color: #933;} .COMM {color: #bbb; font-style: italic;} .NUMB {color: #393;} .STRN {color: #393;} .REGX {color: #339;} .line {border-right: 1px dotted #666; color: #666; font-style: normal;} </style></head><body><pre> 1 /** 2 * @license 3 * Copyright 2011 Dan Vanderkam (danvdk@gmail.com) 4 * MIT-licenced: https://opensource.org/licenses/MIT 5 */ 6 7 /** 8 * @fileoverview A wrapper around the Dygraph class which implements the 9 * interface for a GViz (aka Google Visualization API) visualization. 10 * It is designed to be a drop-in replacement for Google's AnnotatedTimeline, 11 * so the documentation at 12 * http://code.google.com/apis/chart/interactive/docs/gallery/annotatedtimeline.html 13 * translates over directly. 14 * 15 * For a full demo, see: 16 * - http://dygraphs.com/tests/gviz.html 17 * - http://dygraphs.com/tests/annotation-gviz.html 18 */ 19 20 /*global Dygraph:false */ 21 "use strict"; 22 23 import Dygraph from './dygraph'; 24 25 /** 26 * A wrapper around Dygraph that implements the gviz API. 27 * @param {!HTMLDivElement} container The DOM object the visualization should 28 * live in. 29 * @constructor 30 */ 31 var GVizChart = function(container) { 32 this.container = container; 33 }; 34 35 /** 36 * @param {GVizDataTable} data 37 * @param {Object.<*>} options 38 */ 39 GVizChart.prototype.draw = function(data, options) { 40 // Clear out any existing dygraph. 41 // TODO(danvk): would it make more sense to simply redraw using the current 42 // date_graph object? 43 this.container.innerHTML = ''; 44 if (typeof(this.date_graph) != 'undefined') { 45 this.date_graph.destroy(); 46 } 47 48 this.date_graph = new Dygraph(this.container, data, options); 49 }; 50 51 /** 52 * Google charts compatible setSelection 53 * Only row selection is supported, all points in the row will be highlighted 54 * @param {Array.<{row:number}>} selection_array array of the selected cells 55 * @public 56 */ 57 GVizChart.prototype.setSelection = function(selection_array) { 58 var row = false; 59 if (selection_array.length) { 60 row = selection_array[0].row; 61 } 62 this.date_graph.setSelection(row); 63 }; 64 65 /** 66 * Google charts compatible getSelection implementation 67 * @return {Array.<{row:number,column:number}>} array of the selected cells 68 * @public 69 */ 70 GVizChart.prototype.getSelection = function() { 71 var selection = []; 72 73 var row = this.date_graph.getSelection(); 74 75 if (row < 0) return selection; 76 77 var points = this.date_graph.layout_.points; 78 for (var setIdx = 0; setIdx < points.length; ++setIdx) { 79 selection.push({row: row, column: setIdx + 1}); 80 } 81 82 return selection; 83 }; 84 85 export default GVizChart; 86 </pre></body></html>