This demonstates the ability to synchronize pan and zoom behavior across graphs.
To use this, source https://github.com/danvk/dygraphs/blob/master/src/extras/synchronizer.js on your page. See the comments in that file for usage.
# @title Add JDT templates that set Guava Preconditions | |
# @description Sets templates that surround expressions with Preconditions.check{NotNull,Argument,State}. Warning: this can replace any previously defined template so use with care. | |
# @task_type LASTMOD | |
# | |
# Written by Robert Konigsberg, 02-20-2012. | |
# See http://blatherberg.wordpress.com/2012/02/20/inserting-guava-preconditions-in-eclipse | |
# | |
file_export_version=3.0 | |
/instance/org.eclipse.jdt.ui/org.eclipse.jdt.ui.text.custom_templates=<?xml version\="1.0" encoding\="UTF-8" standalone\="no"?><templates><template autoinsert\="false" context\="java" deleted\="false" description\="Surround expression with checkNotNull Precondition." enabled\="true" name\="checkNotNull (instance)">${\:import(com.google.common.base.Preconditions)}Preconditions.checkNotNull(${word_selection})</template><template autoinsert\="false" context\="java" deleted\="false" description\="Surround expression with checkNotNull Precondition (with static import)." enabled\="true" name\="checkNo |
<!DOCTYPE html> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph.js"></script> | |
<font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)</font><br/> | |
<table><tr><td> | |
<div id="demodiv"></div> | |
</td><td valign=top> | |
<div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div> | |
</td> | |
</tr></table> | |
<script type="text/javascript"> |
for file in *html ; do | |
echo $file | |
sed -i .bak 's/\.\.\/dygraph-dev.js/http\:\/\/dygraphs.com\/dygraph-combined-dev\.js/' $file | |
sed -i .bak 's/\.\.\/src\/extras/http\:\/\/dygraphs.com\/extras/' $file | |
gist -f index.html $file | sed 's/gist.github.com/bl.ocks.org/' | sed 's/https/http/' | |
done |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Custom Circles</title> | |
<!-- | |
For production (minified) code, use: | |
<script type="text/javascript" src="dygraph-combined.js"></script> | |
--> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Custom Circles</title> | |
<!-- | |
For production (minified) code, use: | |
<script type="text/javascript" src="dygraph-combined.js"></script> | |
--> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Custom Circles</title> | |
<!-- | |
For production (minified) code, use: | |
<script type="text/javascript" src="dygraph-combined.js"></script> | |
--> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script> | |
</head> | |
<style> | |
body { | |
margin-top:40px; | |
} |
This demonstates the ability to synchronize pan and zoom behavior across graphs.
To use this, source https://github.com/danvk/dygraphs/blob/master/src/extras/synchronizer.js on your page. See the comments in that file for usage.
<!DOCTYPE html> | |
<html> | |
<head> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
<style type='text/css'> | |
body { margin-top: 20px; margin-left: 20px; } | |
.few .dygraph-legend > span.highlight { border: 1px solid grey; } | |
.many .dygraph-legend > span { display: none; } | |
.many .dygraph-legend > span.highlight { display: inline; } |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script> | |
</head> | |
<body> | |
<div id="div_g1" style="width:600px; height:300px;"></div> | |
<center> | |
<input id='ylog' type="button" value="y log scale" onclick="setLogScale('y', true)"> |