下部領域の灰色のストリップにより、ユーザーはデータを x 軸全体に広げることができます。フィドル最初に生成された三角形のシンボルを除いてすべてがサイズ変更されていますが、ブラシを使用して再描画するとすぐに消えます(ps:これは、ブラウザから同じコードからコードを実行した場合にのみ発生し、jsfiddleではありません!)
- 軸の長さが長くなりますが、0.1 0.2 0.3 などを表示する代わりに、0min が 3 ~ 4 回繰り返されます。
milestone_marks.selectAll(".milestone_markers")
.data(milestones)
.enter().append("path")
.attr("d", d3.svg.symbol().type('triangle-down'))
.attr('class', 'milestone_markers')
.attr("transform", function (d) {
return "translate(" + x__axis(d.processing_time) + "," + -7 + ")";})
ブラシをかけられた関数では、次のように記述します。
d3.select('.milestone_marks').selectAll('path').data(milestones).attr("d", d3.svg.symbol().type('triangle-down')).attr("transform", function (d) {
return "translate(" + x__axis(d.processing_time) + "," + -7 + ")";})
任意の入力をいただければ幸いです。