svg text wrapping issues

by

The drawTick() function is calling another function called wrap() to plot the text. As might be suggested by that name, wrap() is splitting the input text into words and wrapping it onto a new line if it gets wider than the width you pass in.

The width value is the “30” in the following line:

.call(wrap,30,label)

Try changing it to something bigger so that it doesn’t wrap so soon. 180 seems to be about the right value.

https://jsfiddle.net/sxs5n2cw/4/

More Related Contents:

  1. How to calculate the SVG Path for an arc (of a circle)
  2. How to convert a PNG image to a SVG? [closed]
  3. Removing transforms in SVG files
  4. How to use the viewBox attribute?
  5. How to set transform origin in SVG
  6. Remove the host HTML element selectors created by angular component
  7. How many levels of recursion does SVG support?
  8. Add custom icons to font awesome
  9. Catmull-Rom interpolation on SVG Paths
  10. Find svg viewbox that trim whitespace around
  11. Default background color of SVG root element
  12. Scale and mirror SVG object
  13. How to convert a SVG to a PNG with ImageMagick?
  14. vertical alignment of text element in SVG
  15. SVG shadow cut off
  16. How to place multiple evenly-spaced arrowheads along an SVG line?
  17. SVG Positioning
  18. svg multiple color on circle stroke
  19. How can I cut one shape inside another?
  20. SVG angular gradient
  21. Avoiding lines between adjecent svg rectangles
  22. Can I apply a gradient along an SVG path?
  23. Adding feDropShadow to a vertical line in SVG makes it disappear
  24. Add text/label onto links in D3 force directed graph
  25. SVG Image in JavaFX 2.2
  26. Pure SVG way to fit text to a box
  27. SVG images blocked by gmail proxy
  28. Why can’t I reference an SVG linear gradient defined in an external file (paint server)?
  29. is it possible to make SVG circle fill color from bottom to top based on percentage? [duplicate]
  30. Convert SVG polygon to path

Leave a Comment