гистограмма d3js с ползунком кисти

Question

Посмотрев на следующий пример http://bl.ocks.org/mbostock/4349545, я пытаюсь заменить круги на гистограмму, представляющую события в день, в течение нескольких лет. данных является формат

{"15/01/2015: 214","22/03/2016: 30",..} 

Может кто-то пожалуйста, мне точку в правильном направлении?

Спасибо!

Answer 1

Вы можете получить гистограмму путем замены данных с новым набором:

var data = [{ "date" : "15/01/2015", "value" : 214} 
     ,{ "date" : "22/03/2016", "value" : 30}] 

синтаксический анализ датой, изменение оси х до даты-времени, а затем по типу изменений в круга к Rect (с новым атрибуты и т.д.) в этом месте:

var circle = svg.append("g").selectAll("circle") 
.data(data) 
.enter().append("circle") 
.attr("transform", function(d) { return "translate(" + x(d) + "," + y() + ")"; }) 
.attr("r", 3.5); 

Но, в данном примере, что вы принесли brushg use selectAll по всем элементам типа Rect, поэтому он будет в конфликте с новым подходом.