我无法使用 d3.js 在每月数据中显示我的 x 轴
I can't show my x-axis in monthly data using d3.js
我开发了我的折线图,但无法显示一年中的每月(3个月)数据,我已经显示了一年,但是我无法显示哪一年的月份交易没有显示,给定的json对象
var data=[{"key":[2000,0],"value":100},{"key":[2000,1],"value":200},
{"key":[2001,3],"value":400},{"key":[2001,4],"value":500},
{"key":[2002,1],"value":600},{"key":[2002,1],"value":700},
{"key":[2003,2],"value":500},{"key":[2003,1],"value":800},
{"key":[2004,5],"value":200},{"key":[2004,1],"value":900},
]
var s1=data.map(function (d,i){return {key:d.key[1],value:d.value}})
var x = d3.scale.linear().range([0, width]);
var y = d3.scale.linear().range([height, 0]);
var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(20)
.tickFormat(d3.time.months,4)
var yAxis = d3.svg.axis().scale(y).orient("left")
var line = d3.svg.line()
.x(function(d) { return x(d.key); })
.y(function(d) { return y(d.value); })
.interpolate("linear")
var svg = d3.select("body").select("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
x.domain(d3.extent(s1, function(d) { return d.key; }));
y.domain(d3.extent(s1, function(d) { return d.value; }));
svg.append("path").attr("class", "line").attr("d", line(s1));
如果我
理解正确的话,这是构建月份轴的示例 - 月轴
相关文章:
- 如何将json数据显示为html
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- 将json提要数据显示为html
- 使用Ajax Get方法将数据显示到特定元素中
- 如何将数据显示为线性highChart
- Json显示来自网站的数据显示仅未定义
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 如何在循环中将 json 数据显示为 HTML
- 如何使用javascript在html中将firebase数据显示为列表
- PHP同时循环数组数据显示到javascript中
- 原始图像数据显示
- 如何在 y 轴上将数据显示为 KB、MB、GB、TB
- Ajax 数据显示在包含 10 行的表中
- 如何让 Mathjax.js 与 ANCII.js 将附加的 json 数据显示为正确的公式
- 调用 Worklight 适配器并将列表视图中的 JSON 数据显示为字符串
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- 双击 td 时,如何在警告框中将数据库中的数据显示为 html 表
- 日期之间的数据显示所有头
- 如何使用模板中的数据显示谷歌地图