Bring bullet example up-to-date
This commit is contained in:
Родитель
02764fd2f3
Коммит
95c3c0b87a
|
@ -1,10 +1,10 @@
|
|||
var w = 960,
|
||||
h = 50,
|
||||
m = [5, 40, 20, 120]; // top right bottom left
|
||||
var innerWidth = 960,
|
||||
innerHeight = 50,
|
||||
margin = {top: 5, right: 40, bottom: 20, left: 120};
|
||||
|
||||
var chart = bulletChart()
|
||||
.width(w - m[1] - m[3])
|
||||
.height(h - m[0] - m[2]);
|
||||
.width(innerWidth - margin.right - margin.left)
|
||||
.height(innerHeight - margin.top - margin.bottom);
|
||||
|
||||
d3.json("bullets.json", function(data) {
|
||||
|
||||
|
@ -12,15 +12,15 @@ d3.json("bullets.json", function(data) {
|
|||
.data(data)
|
||||
.enter().append("svg")
|
||||
.attr("class", "bullet")
|
||||
.attr("width", w)
|
||||
.attr("height", h)
|
||||
.attr("width", innerWidth)
|
||||
.attr("height", innerHeight)
|
||||
.append("g")
|
||||
.attr("transform", "translate(" + m[3] + "," + m[0] + ")")
|
||||
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
|
||||
.call(chart);
|
||||
|
||||
var title = vis.append("g")
|
||||
.attr("text-anchor", "end")
|
||||
.attr("transform", "translate(-6," + (h - m[0] - m[2]) / 2 + ")");
|
||||
.attr("transform", "translate(-6," + (innerHeight - margin.top - margin.bottom) / 2 + ")");
|
||||
|
||||
title.append("text")
|
||||
.attr("class", "title")
|
||||
|
|
Загрузка…
Ссылка в новой задаче