Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DC.JS复合图表未显示最后一个值_Javascript_D3.js_Charts_Dc.js - Fatal编程技术网

Javascript DC.JS复合图表未显示最后一个值

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

我有一个复合条形图/折线图,除最后一个条形图外,所有的条形图都显示正确。数据包含8个日期的维度和两组值,一组用于条形图,另一组用于折线图。我已经检查了尺寸和组的内容,所有内容都是正确的

图表上的第8个svg显示,但条形图不显示,请参见附图。SVG检查器显示,尽管图表上未显示相应的条形图,但rect是用高度和宽度定义的

我玩过.centerBar和.elasticX、.xaxis,但没有成功。我也尝试过改变图表的尺寸和边距

用于显示图表的代码:

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
没有帮助