Javascript DC.JS复合图表未显示最后一个值
我有一个复合条形图/折线图,除最后一个条形图外,所有的条形图都显示正确。数据包含8个日期的维度和两组值,一组用于条形图,另一组用于折线图。我已经检查了尺寸和组的内容,所有内容都是正确的 图表上的第8个svg显示,但条形图不显示,请参见附图。SVG检查器显示,尽管图表上未显示相应的条形图,但rect是用高度和宽度定义的 我玩过.centerBar和.elasticX、.xaxis,但没有成功。我也尝试过改变图表的尺寸和边距 用于显示图表的代码:Javascript DC.JS复合图表未显示最后一个值,javascript,d3.js,charts,dc.js,Javascript,D3.js,Charts,Dc.js,我有一个复合条形图/折线图,除最后一个条形图外,所有的条形图都显示正确。数据包含8个日期的维度和两组值,一组用于条形图,另一组用于折线图。我已经检查了尺寸和组的内容,所有内容都是正确的 图表上的第8个svg显示,但条形图不显示,请参见附图。SVG检查器显示,尽管图表上未显示相应的条形图,但rect是用高度和宽度定义的 我玩过.centerBar和.elasticX、.xaxis,但没有成功。我也尝试过改变图表的尺寸和边距 用于显示图表的代码: var firstWeek = d3.min(dat
var firstWeek = d3.min(data, function (d) { return d.Week; });
var lastWeek = d3.max(data, function (d) { return d.Week; });
var compositeKPIChart = dc.compositeChart("#W-chart");
var KPIbChart = dc.barChart(compositeKPIChart);
var KPIlChart = dc.lineChart(compositeKPIChart);
compositeKPIChart.width(width)
.height(0.9*width/2)
.margins({ top: 10, right: 50, bottom: 30, left: 30 })
.dimension(weekDim)
.x(d3.time.scale().domain([firstWeek, lastWeek]))
.xUnits(d3.time.mondays)
.y(d3.scale.linear().domain([0, 100]))
.compose([
dc.barChart(compositeKPIChart).group(barGroup, "%"),
dc.lineChart(compositeKPIChart).group(lineGroup, "Standard")
])
.brushOn(false)
.xAxis().ticks(d3.time.mondays).tickFormat(d3.time.format("%d %b"));
如果元素存在但没有显示,我首先要检查的是剪切矩形。您可以在调试器中删除它(或重命名链接以便断开引用)以查看缺少的条 但这并不能解释为什么它一开始就不见了。可能是因为你的X域太小了。请注意,条形图与相应的记号左对齐(而线条上的点显然没有宽度),因此您可能需要在域的顶部添加一周,以便条形图显示 除了少数情况外,dc.js倾向于从字面上理解域 如果是这样的话,我很惊讶
centerBar
没有帮助