Я пытаюсь построить график, используя d3js.Я хотел, чтобы все было пропорционально, поэтому я использовал атрибут 'viewBox' в моем элементе svg, например:
svg.attr("viewBox", "-5 -5 10 10")
Все работало отлично, пока я не попытался добавить ось.Когда я добавляю ось, масштаб полностью запутан и выглядит неправильно.Я упростил это до этого jsfiddle:
http://jsfiddle.net/gq6tykwL/5/
Ось просто отображается как гигантская черная полоса, и если вы осмотрите эти HTML-элементы, вы увидите, что они являются отметкамикоторые огромны ..
Если я изменю свой viewbox, чтобы отразить ширину / высоту svg, как это:
svg.attr("viewBox", "0 0 500 500")
Тогда ось появится, как я и ожидал, однако мой графикбольше не буду рисовать в соответствующем масштабе.Jsfiddle здесь:
http://jsfiddle.net/rdua3ncp/
Может кто-нибудь объяснить, что я делаю неправильно?Или я должен просто сделать еще один заход на ось?