GitHub/dbot
3
0
Fork 1
mirror of https://github.com/reality/dbot.git synced 2024-12-01 00:19:29 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #225 from SamStudio8/master

Browse Source 
Basic Y-Labels and Ticks [#216]
This commit is contained in:
Sam Nicholls 2013-01-25 16:52:28 -08:00
commit 3e7dc4ef9a
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
views/users/users.jade
View File

@ -9,11 +9,16 @@ block content
.chart rect:hover { .chart rect:hover {
fill: #000; fill: #000;
} }
.yTicks {
stroke: #aaa;
stroke-width: 0.5;
}
script script
$(document).ready(function(){ $(document).ready(function(){
// d3.js Graph // d3.js Graph
var xlab = 30; var xlab = 30;
var chartw = 940;
var w = 5.595; var w = 5.595;
var h = 120; var h = 120;
@ -30,6 +35,15 @@ block content
.attr("width", w * #{chanFreqLen} - 1) .attr("width", w * #{chanFreqLen} - 1)
.attr("height", h + xlab); .attr("height", h + xlab);
chart.selectAll(".yTicks")
.data(y.ticks(4).slice(0,5))
.enter().append("svg:line")
.attr("class", "yTicks")
.attr("y1", function(d) { return y(d); })
.attr("x1", 0)
.attr("y2", function(d) { return y(d); })
.attr("x2", w * #{chanFreqLen})
chart.selectAll("rect") chart.selectAll("rect")
.data([#{chanFreq}]) .data([#{chanFreq}])
.enter().append("rect") .enter().append("rect")
@ -39,6 +53,17 @@ block content
.attr("height", function(d) { return y(d); }) .attr("height", function(d) { return y(d); })
.attr("title", function(d){ return d; }); .attr("title", function(d){ return d; });
chart.selectAll(".rule")
.data(y.ticks(5).slice(1,5))
.enter().append("text")
.attr("class", "rule")
.attr("y", function(d) { return -1 * y(d) + h; })
.attr("x", (chartw / 2)+(w/2))
.attr("text-anchor", "middle")
.attr("font-size", 10)
.attr("dy", 3)
.text(String);
chart.append("line") chart.append("line")
.attr("x1", 0) .attr("x1", 0)
.attr("x2", w * #{chanFreqLen}) .attr("x2", w * #{chanFreqLen})