グラフ描画　枠線色付け

table1

ダイサギ観察数　1日最多

	01	02	03	04	05	06	07	08	09	10	11	12
2017年					18	10	12	19	8	11	10	6
2018年	3	12	21	27	9	8

グラフ描画

for ( var y = 1; y <= 2; y++ ) {
　if (y == 1) {
　　var c = "#00ffff" ;
　}
　else {
　　var c = "#ff95ff" ;
　}
　for ( var m = 1; m <= 12; m++ ) {
　　var k = tb1.rows[y].cells[m].innerHTML ;
　　for ( var i = 1; i <= k; i++ ) {
　　　if (y == 1){
　　　　tb2.rows[30 - i].cells[(m * 3) - 2].bgColor = c ;
　　　}
　　　else {
　　　　tb2.rows[30 - i].cells[(m * 3) - 1].bgColor = c ;
　　　}
　　}
　}
}

table2

ダイサギ観察数　1日最多　　グラフ描画実行

30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
	1月	2月	3月	4月	5月	6月	7月	8月	9月	10月	11月	12月

枠線色付け

CSS　TR にクラス設定

CSS
<style type="text/css">
　tr.waku-red td { border-top-width : 2px ; border-top-style : solid ; border-top-color : red ; }
　tr.waku-blue td { border-top-width : 2px ; border-top-style : solid ; border-top-color : blue ; }
</style>

HTML
<tr class="waku-red">
　<td nowrap align="right"><font size="2">10</font></td>
　<td nowrap></td>

TD に直書き

<td nowrap style="border-top-width : 2px;border-top-style : solid;border-top-color : red;"></td>