渲染D3.js区域图时的问题

我指的是从这里的文章http://bl.ocks.org/mbostock/3883195我有我自己的数据集取代，但得到一个矩形绘制，而不是面积图，我失去了一些东西，但无法捕捉到问题我的小提琴居住在这里https://jsfiddle.net/9ep4Lnbq/渲染D3.js区域图时的问题

var area = d3.svg.area() 
.x(function(d) { return x(d.stamp); }) 
.y0(height) 
.y1(function(d) { return y(d.loc_total); });

请帮

来源

2016-06-12 Vinod Louis

图表是工作的罚款。实际上它没有显示一个确切的矩形，但渐变太小而看不到。面积图看起来像一个矩形的原因是因为这就是您传递的数据创建的内容：

在2015年12月10日星期四您有9个数据点分布在几个小时内。最后一点是9944.你剩下的3个数据点分布在接下来的4个月，但'loc_total'几乎没有变化：9944,9952,9948,9952。

因此，你在早期点有'loc_total'的变化，但时间表太短（4个月中几个小时）才能在图表中看到。然后你有几个数据点分布在时间序列上，但'loc_total'中没有足够的变化。

如果更改了几个数字，你可以看到它的正常工作，当我改变一对夫妇“loc_total”值：

var data =[{ 
    "hash": "de4d2c909ec9e00106a147c81f13d2395aaa1d11", 
    "stamp": "Mon Apr 18 16:12:52 UTC 2016", 
    "loc_total": 9952 
    }, 
    { 
    "hash": "a3957595e859e5bf7ce4d50b9ef1f65afc2cbcb9", 
    "stamp": "Mon Feb 15 13:52:37 UTC 2016", 
    "loc_total": 6948 
    }, 
    { 
    "hash": "f8c8a2eecb4d90b4700313294b5cf32c5cd1fe1c", 
    "stamp": "Mon Feb 15 09:38:41 UTC 2016", 
    "loc_total": 9952 
    }, 
    { 
    "hash": "7405846a24596c8fdcadec8be1f392783d1517fc", 
    "stamp": "Thu Dec 10 16:30:12 UTC 2015", 
    "loc_total": 7944 
    } 
...

参见：https://jsfiddle.net/henbox/9ep4Lnbq/1/

来源

2016-06-12 11:39:07

是亨利我也发现了同样的但即使设置范围之间的最小值和最大值loc_total没有帮助渲染奇迹如何可以显示任何建议？ –

如何最好地显示这类数据不是一个技术问题，但你应该考虑你实际想要展示的内容。您需要一张宽度为几千像素的图表，甚至能够在4个月的时间序列图中捕捉几个小时的变化，所以这不会成为一种选择。整个时期你有更完整的数据集吗？你只关心'loc_total'何时改变？ –

渲染D3.js区域图时的问题

回答

相关问题