Question

我的csv文件中有一些值，我在y轴上显示值，在x轴上显示日期。

对于第一张图，我有以下值

musicUri = MediaStore.Audio.Media.INTERNAL_CONTENT_URI;

对于第二张图，我有以下值

date,close
13-Jul-16,0.8736701869033555
15-Jul-16,0.3631761567983922
17-Jul-16,0.4795564555162078
19-Jul-16,0.3754827857186281
21-Jul-16,0.4355941951068847
23-Jul-16,0.34393804366457353
25-Jul-16,0.40967947088135176
27-Jul-16,0.2707818657230363
29-Jul-16,0.34430251610420176
31-Jul-16,0.28089496856221585

但是在第二个图表中，x轴不包含所有日期..作为示例，我将输出图形myoutput的打印屏幕放在此处。

这是我的代码，它从csv文件中获取数据并将其可视化。

var selectedMonth = document.getElementById（'selectedMonth'）。value; var selectedTopic = document.getElementById（'selectedTopic'）。value;

 date,close
 11-Jul-16,0.766705419439816
 15-Jul-16,0.7353651170975812
 17-Jul-16,0.41531502169603063
 19-Jul-16,0.5927871032351933
 21-Jul-16,0.7986419920511857
 23-Jul-16,0.7904979990272231
 25-Jul-16,0.817690401573838
 27-Jul-16,0.8433545168648027
 29-Jul-16,0.8612307965742473
 31-Jul-16,0.806498303188971

Answer 1

我会尝试使用tickValues显式设置刻度值： https://github.com/d3/d3-3.x-api-reference/blob/master/SVG-Axes.md#tickValues

ticks（5）将建议5个滴答，但将根据比例域进行调整。替代tickValues（），你可以尝试滴答（d3.time.day，2）每2天打一次。

d3.js x轴日期范围

1 个答案: