D3.js dc.js中的X轴时间格式
我试图在d3.js中创建一个线性图，其中我希望x轴的格式为“27/11 1”，其中27是日期，11是月份，1是小时（24小时时间）。但根据我掌握的代码，似乎只有一个小时的打印时间。有人能帮我把格式弄好吗D3.js dc.js中的X轴时间格式,d3.js,dc.js,D3.js,Dc.js,我试图在d3.js中创建一个线性图，其中我希望x轴的格式为“27/11 1”，其中27是日期，11是月份，1是小时（24小时时间）。但根据我掌握的代码，似乎只有一个小时的打印时间。有人能帮我把格式弄好吗 <!DOCTYPE html> <html lang="en"> <meta charset="UTF8"> <body> <div id="task-submissions-created-at" > <div clas
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF8">
<body>
<div id="task-submissions-created-at" >
<div class="reset" style="visibility: hidden;">selected: <span class="filter"></span>
<a href="javascript:taskSubmissionsChart.filterAll();dc.redrawAll();">reset</a>
</div>
<div id="gender-tasks" style="width:300px; height:300px">
<div class="reset" style="visibility: hidden;">selected: <span class="filter"></span>
<a href="javascript:genderChart.filterAll();dc.redrawAll();">reset</a>
</div>
</div>
<script type="text/javascript" src="../js/d3.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/crossfilter.js"></script>
<script type="text/javascript" src="../js/dc.js"></script>
<script type="text/javascript">
//var genderChart=dc.pieChart('#gender-tasks');
var taskSubmissionsChart=dc.lineChart('#task-submissions-created-at');
var parseDate = d3.time.format("%Y-%m-%d %H:%M:%S.%L+05:30").parse;
d3.json("../data/task_submissions.json",function(error,value){
var ndx=crossfilter(value);
value.forEach(function(d) {
d.created_at = parseDate(d.created_at);
});
var timestampDimension=ndx.dimension(function(d){
var x=d.created_at.getHours();
return x;
});
var taskSubmissionId = timestampDimension.group().reduceSum(function(d) {return d.id;});
var minDate =timestampDimension.bottom(1)[0].created_at.getHours();
var maxDate = timestampDimension.top(1)[0].created_at.getHours();
taskSubmissionsChart
.width(768)
.height(480)
//.x(d3.time.scale().domain([d3.min(data,function(d){return d.time}),d3.max(data,function(d){return d.time})]))
.x(d3.scale.linear().domain([minDate,maxDate+1]))
.interpolate('step-before')
.renderArea(true)
.brushOn(false)
.clipPadding(10)
.yAxisLabel("This is the Y Axis!")
.dimension(timestampDimension)
.group(taskSubmissionId)
.xAxis().tickFormat(function(v){
console.log("v: "+v);
return v;
});
taskSubmissionsChart.render();
});
/*
d3.json("../data/users.json", function(error,value) {
var ndx=crossfilter(value);
var runDimension = ndx.dimension(function(d) {
return d.gender;
});
var speedSumGroup = runDimension.group();
genderChart
.width(300)
.height(300)
.slicesCap(4)
.innerRadius(10)
.dimension(runDimension)
.group(speedSumGroup)
.controlsUseVisibility(true);
dc.renderAll();
});
*/
</script>
</body>
</html>
挑选出来的：
挑选出来的：
//var genderChart=dc.pieChart（“#性别任务”）；
var taskSubmissionsChart=dc.lineChart（“#任务提交创建于”）；
var parseDate=d3.time.format（“%Y-%m-%d%H:%m:%S.%L+05:30”）.parse；
d3.json（“../data/task_submissions.json”），函数（错误，值）{
var ndx=交叉滤波器（值）；
value.forEach（函数（d）{
d、 created_at=parseDate（d.created_at）；
});
var timestampDimension=ndx.dimension（函数（d）{
var x=d.created_at.getHours（）；
返回x；
});
var taskssubmissionid=timestampDimension.group（）.reduceSum（函数（d）{return d.id；}）；
var minDate=timestampDimension.bottom（1）[0]。在.getHours（）处创建；
var maxDate=timestampDimension.top（1）[0]。在.getHours（）处创建；
任务提交沙尔特
.宽度（768）
.身高（480）
//.x（d3.time.scale（）.domain（[d3.min（数据，函数（d）{return d.time}），d3.max（数据，函数（d）{return d.time}]））
.x（d3.scale.linear（）.domain（[minDate，maxDate+1]））
.interpole（'step-before'）
.renderArea（真）
.brushOn（错）
.clipPadding（10）
.yAxisLabel（“这是Y轴！”）
.维度（时间戳维度）
.组（任务提交ID）
.xAxis（）.tickFormat（函数（v）{
控制台日志（“v:+v”）；
返回v；
});
taskSubmissionsChart.render（）；
});
/*
d3.json（“../data/users.json”），函数（错误，值）{
var ndx=交叉滤波器（值）；
var runDimension=ndx.dimension（函数（d）{
返回d.性别；
});
var speedSumGroup=runDimension.group（）；
性别特征
.宽度（300）
.高度（300）
.SCAP（4）
.内半径（10）
.dimension（运行维度）
.group（speedSumGroup）
.控制不可能性（真实）；
dc.renderAll（）；
});
*/