自定义 D3.js画笔作为滑块

Question

我正在尝试遵循以下示例 http://bl.ocks.org/mbostock/6452972，但我在理解所涉及的细节方面不是很成功。如果有人能帮我解释在哪里可以自定义滑块的坐标和大小，那就太好了？ps 我是 d3 和 JavaScript :( 的新手

Answer 1

您可以使用边距和大小属性调整滑块的大小：

var margin = {top: 100, right: 50, bottom: 100, left: 50},
width = 460 - margin.left - margin.right,
height = 200 - margin.bottom - margin.top;

JSBin 这里