javascript - D3 堆叠条形图

标签 javascript svg d3.js

您好,我创建了一个垂直堆积条形图。我的数据在 csv 文件中。我的 x 刻度是有序的。根据要求,我的 x 刻度应该是时间刻度。我应该做些什么改变来制作我的 x 轴时间刻度。我只有有限的时间来完成这个。这是我的代码

var x = d3.scale.ordinal()
     .rangeRoundBands([0, width], .1);


var xAxis = d3.svg.axis()
      .scale(x).ticks(5)
    .orient("bottom");  

最佳答案

将您的 CSV 结构放在这里。 很可能你的解决方案是

 parse = d3.time.format("%H:%M:%S").parse,
 format = d3.time.format("%X");

CSV 文件时间列中的位置应为:“时:分:秒”格式。

并在您的轴上传递“格式”值

要获得准确答案,请将您的代码放在这里! 或者你可以refer this

关于javascript - D3 堆叠条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26136044/

相关文章:

javascript - 有没有办法用两个输入字段创建提示?

html - 悬停不使用 Font Awesome 图标

javascript - 从缩进树中的闭合节点开始

javascript - D3 仅加载一个单元格的数据

javascript - javascript函数调用的语法差异?

javascript - Angularjs 中的菜单和子菜单

javascript - 倒计时结束后禁用/隐藏提交按钮

javascript - querySelectorAll 和具有相同类的多个元素

algorithm - 撕纸效果(将矩形分成随机形状)

d3.js - D3 js 多线图切换点开/关