      .attr("x1", (d) -> xScale(d))
      .attr("x2", (d) -> xScale(d))
      .attr("stroke", "white")
+     .attr("pointer-events", "none")
 
   # axis: labels
   Baxis.append("g").selectAll("empty")

                 .text((d) -> data.ind[d])

    .on "mouseout", (d) ->
              d3.select(this).attr("opacity", "0")

    .on "click", (d) ->
              console.log("Click: #{data.ind[d]}")
              clickStatus[d] = 1 - clickStatus[d]
              svg.select("rect#rect#{data.ind[d]}").attr("opacity", clickStatus[d])
              if clickStatus[d]
                curcolor = histColors.shift()
                histColors.push(curcolor)

                d3.select(this).attr("opacity", "0")
                svg.select("rect#rect#{data.ind[d]}").attr("fill", curcolor)

                grp4BkgdHist.append("path")
                      .datum(data.counts[d])

                      .attr("stroke", curcolor)
                      .attr("stroke-width", "2")
              else
                d3.select("path#path#{data.ind[d]}").remove()

  # box around the outside
  lowsvg.append("rect")
