Здесь JSFiddle: http://jsfiddle.net/8p2yc/ (Немного измененный пример отсюда: http://bl.ocks.org/mbostock/3883245)
Как вы можете видеть в ярлыках ярлыков JSFiddle вдоль оси y, они не вписываются в svg. Я знаю, что могу увеличить левый запас, но дело в том, что я не знаю, какие данные будут заблаговременно. Если я просто сделаю маржу очень большой, диаграмма будет выглядеть неудобно, если числа коротки в длине.
Есть ли способ прекомпилировать максимальную ширину метки при создании диаграммы для правильного задания поля? Или, может быть, есть совершенно другое решение?
var margin = {top: 20, right: 20, bottom: 30, left: 50},
width = 400 - margin.left - margin.right,
height = 200 - margin.top - margin.bottom;
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
Спасибо!