Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.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 如何使用d3.js动态缩放x轴值以在图形中显示_Javascript_D3.js - Fatal编程技术网

Javascript 如何使用d3.js动态缩放x轴值以在图形中显示

Javascript 如何使用d3.js动态缩放x轴值以在图形中显示,javascript,d3.js,Javascript,D3.js,我正在使用d3.js在我的应用程序中显示条形图。对于有限的数据(例如:12天的数据),图表看起来不错,但当数据值增加时(例如:1个月或1年的数据),x轴值会相互覆盖,如下图所示 graph的数据来自每天使用JSON的服务器。因此,要缩放数据,我需要将服务器端的数据分组并使用该数据,还是应该在将数据传递到d3.js之前使用javascript缩放该数据,以及应该设置为缩放的范围是什么?请看一看。您需要指定希望看到的刻度数;您还可以使用nice;考虑在没有可用空间的情况下,使用结点范围来减少条数。

我正在使用d3.js在我的应用程序中显示条形图。对于有限的数据(例如:12天的数据),图表看起来不错,但当数据值增加时(例如:1个月或1年的数据),x轴值会相互覆盖,如下图所示

graph的数据来自每天使用JSON的服务器。因此,要缩放数据,我需要将服务器端的数据分组并使用该数据,还是应该在将数据传递到d3.js之前使用javascript缩放该数据,以及应该设置为缩放的范围是什么?

请看一看。您需要指定希望看到的刻度数;您还可以使用
nice
;考虑在没有可用空间的情况下,使用结点范围来减少条数。检查这个链接,我从<代码>服务器端<代码>中创建了<代码> JSON >调用<代码> Python < /Cord>文件。然后我从一个
js
文件中绘制了它们,在这里我动态地计算了X轴和Y轴