相关疑难解决方法(0)

如何使用d3.js对图表标签进行wordwrap

我正在尝试使用d3.js实现水平条形图.某些图表标签太长.如何对y aixs上的图表标签进行自动换行?

源代码:

var data = [{"Name": "Label 1", "Count": "428275" }, { "Name": "Label 2", "Count": "365005" }, { "Name": "Label 3", "Count": "327619" }];

var m = [30, 10, 10, 310],
w = 1000 - m[1] - m[3],
h = 550 - m[0] - m[2];

var format = d3.format(",.0f");

var x = d3.scale.linear().range([0, w + 10]),
    y = d3.scale.ordinal().rangeRoundBands([0, h], .4);

var xAxis = d3.svg.axis().scale(x).orient("bottom").tickSize(h),
    yAxis = d3.svg.axis().scale(y).orient("left").tickSize(0);

$("#chartrendering").empty();
var svg = d3.select("#chartrendering").append("svg")
    .attr("width", w + m[1] + …
Run Code Online (Sandbox Code Playgroud)

d3.js nvd3.js

11
推荐指数
3
解决办法
1万
查看次数

标签 统计

d3.js ×1

nvd3.js ×1