好吧,我开始对D3更加熟悉,但在某些方面我仍然有些模糊.我现在正在尝试绘制网格线,但我意识到我可能正在进行攻击而不是正确地进行操作.我尝试使用教程添加一些网格线,但最终得到了很多代码,我似乎是为了让它能够正确排列.我想知道是否有人能指出我更好的写作方式......
原始代码是这样的.
<script type="text/javascript">
//Width and height
var w = 800;
var h = 400;
var padding = 20;
var border=1;
var bordercolor='black';
var dataset = [
[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],[-50,-100],[50,-45],
[410, 12], [475, 44], [25, 67], [85, 21], [220, 88],[-480, -467], [3,-90],[468,481]
];
// create scale functions
var xScale = d3.scale.linear()
.domain([d3.min(dataset, function(d) { return d[0]; }), d3.max(dataset, function(d) { return d[0]; })])
.range([padding, w - padding * 2]);
var yScale = d3.scale.linear() …Run Code Online (Sandbox Code Playgroud) d3.js ×1