X時間軸を使用して、かなり規則的なグラフに取り組んでいます。軸コードはかなり標準的です:
var xScale = d3.time.scale()
.domain([tlState.startdate.getTime(), tlState.enddate.getTime()])
.range([0, width]);
var xHourAxis = d3.svg.axis()
.scale(xScale)
.ticks(d3.time.hours, 6)
.tickFormat(d3.time.format("%_Hh"))
.tickSize(5,1)
.orient('bottom');
root.append('g')
.attr('class', 'axis')
.attr("transform", "translate(" + 0 + "," + height + ")")
.call(xHourAxis);
関数は、軸のtsState.*
開始日/終了日を返すだけです。私の問題: 軸の目盛りラベルは表示されていますが、目盛りが表示されません。それらは明らかに DOM ツリー ( <line y2="5" x2="0"></line>
) にありますが、「ストローク」属性を白以外に明示的に設定した場合にのみ非表示になります。
これは、CSS を使用して目盛りにストロークを設定することで簡単に解決できます...しかし、そもそも目盛りが見えないのはなぜですか? 私はグーグルで調べましたが、目盛りのデフォルトのストロークの色を示すものは何も見つかりませんでした...
ヒントをありがとう、wwwald