Wrapping Long Labels (fork)

The difference is that we do a join to create the tspans, so that they have their own __data__, in case we want to use it. Here I color them based on their text length.

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
​
.bar {
  fill: steelblue;
}
​
.bar:hover {
  fill: brown;
}
​
.title {
  font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
​
.axis {
  font: 10px sans-serif;
}
​
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
​
.x.axis path {
  display: none;
}
​
</style>
<body>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="index.js"></script>
​
    

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js