-
Notifications
You must be signed in to change notification settings - Fork 0
/
06_slider.xml
48 lines (36 loc) · 1.7 KB
/
06_slider.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?xml version="1.0" encoding="UTF-8" ?>
<!-- 【参考URL】https://github.com/prog-mitsu/runJsInGoogleSite -->
<!-- https://sites.google.com/site/d3iidademo/static/site/06_slider.xml -->
<!-- サイズは横800ピクセル, 高さ600, webページとして作成し、ページ設定で添付ファイルの許可を外す(全部のチェックを外す) -->
<Module>
<!-- ガジェット名 -->
<ModulePrefs title="d3iida" />
<Content type="html">
<![CDATA[
<!-- JSファイル -->
<script type="text/javascript" src='//sites.google.com/site/d3iidademo/static/d3-4-3-0/d3.min.js'></script>
<!-- <script type="text/javascript" src='//sites.google.com/site/d3iidademo/static/topojson-1-6-27/topojson.min.js'></script> -->
<!-- <script type="text/javascript" src='//sites.google.com/site/d3iidademo/static/crossfilter-1-3-12/crossfilter.min.js'></script> -->
<!-- d3iida -->
<link rel="stylesheet" type="text/css" href='//sites.google.com/site/d3iidademo/static/site/dist/d3iida.css'/>
<script type="text/javascript" src='//sites.google.com/site/d3iidademo/static/site/dist/d3iida-min.js'></script>
<h1>slider</h1>
<p>
ボタン付きスライダモジュールです。組み込み用です。
</p>
<div class="chartContainer">
<svg width="600" height="100"></svg>
<p>
現在値 = <span id="hue"></span>
</p>
</div>
<script>
var current = d3.select('#hue');
var slider = d3iida.slider().on('hue', function(d) {
current.html(d);
});
d3.select('svg').call(slider);
</script>
]]>
</Content>
</Module>