我有一堆使用 dc.js 绘制的条形图,我想为其增加标签的字体大小。我认为有一个使用 renderLet 函数的简单解决方案,但是,我必须为每个图形执行 renderLet 函数并且我有一堆。我想知道是否有办法使用 CSS 增加标签文本大小。我提供一个jsfiddle具有三种类型的图表。这是它的代码。如果您有任何想法,请告诉我。谢谢。
HTML
<body>
<div id='pie'><div><h3>Pie</h3></div></div>
<div id='row'><div><h3>Row</h3></div></div>
<div id='bar'><div><h3>Bar</h3></div></div>
</body>
JS
var data = [{
Category: "A",
ID: "1"
}, {
Category: "A",
ID: "1"
}, {
Category: "A",
ID: "1"
}, {
Category: "A",
ID: "2"
}, {
Category: "A",
ID: "2"
}, {
Category: "B",
ID: "1"
}, {
Category: "B",
ID: "1"
}, {
Category: "B",
ID: "1"
}, {
Category: "B",
ID: "2"
}, {
Category: "B",
ID: "3"
}, {
Category: "B",
ID: "3"
}, {
Category: "B",
ID: "3"
}, {
Category: "B",
ID: "4"
}, {
Category: "C",
ID: "1"
}, {
Category: "C",
ID: "2"
}, {
Category: "C",
ID: "3"
}, {
Category: "C",
ID: "4"
}, {
Category: "C",
ID: "4"
}, {
Category: "C",
ID: "5"
}];
var ndx = crossfilter(data);
var XDimension = ndx.dimension(function (d) {
return d.Category;
});
var YDimension = XDimension.group();
dc.pieChart("#pie")
.width(200).height(200)
.dimension(XDimension)
.group(YDimension)
.label(function (d) {
return d.data.key + ' ' + Math.round((d.endAngle - d.startAngle) / Math.PI * 50) + '%';
});
dc.rowChart("#row")
.width(400).height(150)
.dimension(XDimension)
.group(YDimension)
.label(function (d) {return d.key + " " + d.value;})
dc.barChart("#bar")
.width(400).height(150)
.dimension(XDimension)
.group(YDimension)
.x(d3.scale.ordinal().domain(["A","B","C"]))
.xUnits(dc.units.ordinal)
dc.renderAll();
最佳答案
关于javascript - 在 dc.js 中放大文本标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25454889/