Мне было интересно, можете ли вы помочь мне с последующими функциями D3js Zoom и pan в следующем скрипте: http://jsfiddle.net/moosejaw/nUF6X/5/
Я надеюсь, что код (хотя и не большой) прост.
У меня есть диаграмма, которая имеет общую длину хромосомы по общей длине хромосомы. Значения тика представляют собой индивидуальные длины (итоговые значения) каждой хромосомы. Тики отформатированы как имя хромосом (чтобы выглядеть красиво для конечного пользователя).
У меня возникают следующие проблемы:
-
Знаки оси x и оси Y выходят за пределы области графика. Когда я не укажу значения тика явно, метки "исчезают", как должны. См:
var yAxis = d3.svg.axis() .scale(y) .orient("left") .tickValues(tickValues) .tickFormat(function(d) { var ret = bpToChrMBP(d); return ret.chr; });
-
Как предотвратить, чтобы ось x не панорамировалась слева до минимального значения? Также не панорамирование вправо от максимального значения? Это случается, если я увеличен. (То же самое для оси Y, кроме верхнего и нижнего).
-
Есть ли способ "центрировать" метки меток между отметками меток. Маркеры не равномерно распределены. Я попытался использовать subdivide для небольших меток, но это не делит между отметками правильно.
Любая помощь будет принята с благодарностью!
Matt