[問題] dc.js 最後一部分的圖被吃掉

看板Ajax作者BlgAtlfans (BLG_Eric)時間8年前 (2016/12/23 14:09)推噓0(0推 0噓 2→)

留言2則, 2人參與討論串1/1

各位大大好小弟最近剛接觸dc.js 目前正在研究箱型圖的畫法原本官網給的範例用的很順但是當我把自己的json資料放進去的時候顯示出來的圖表就會有問題每次圖的最後一筆資料會顯示不出來不管是5筆,20筆都是這樣想請問是哪裡有問題? 官網程式碼:https://dc-js.github.io/dc.js/examples/box-plot.html 程式碼如下(大部分都跟官網的差不多): <!DOCTYPE html> <html lang="en"> <head> <title>dc.js - Box-Plot Example</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="../css/dc.css"/> </head> <body> <div class="container"> <script type="text/javascript" src="header.js"></script> <div id="box-test"></div> <script type="text/javascript" src="../js/d3.js"></script> <script type="text/javascript" src="../js/crossfilter.js"></script> <script type="text/javascript" src="../js/dc.js"></script> <script type="text/javascript" src="" rel="nofollow">https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> <script type="text/javascript"> var chart = dc.boxPlot("#box-test") d3.json( 'http://139.162.34.103/datasets/l0mtun7gdtu3dq5/q2kzx7nvfmahnc8iqocldare7/type=json', function( experiments ){ var ndx = crossfilter(experiments.records); var xDimension = ndx.dimension(function(d) {return d.Var;}); var chartdata = xDimension.group().reduce( function(p,v) { console.log(p);//array, empty at first and push data into it console.log(v);//object,every row is a object p.push(v.OR); p.push(v.lower_95); p.push(v.upper_95); return p; }, function(p,v) { //p.splice(p.indexOf(v.OR), 1); //p.splice(p.indexOf(v.lower_95), 1); //p.splice(p.indexOf(v.upper_95), 1); return p; }, function() { return []; } ); chart .width(1000) .height(800) .margins({top: 10, right: 50, bottom: 30, left: 50}) .ordering(function(d) {return d.OR;}) .dimension(xDimension) .group(chartdata) .elasticX(true) .elasticY(true) .yAxisPadding('10%'); chart.tickFormat(d3.format('.3f')); dc.renderAll(); }); </script> </div> </body> </html> -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.192.211.60 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1482473357.A.D43.html