相关疑难解决方法(0)

绘制网格线的正确方法

好吧,我开始对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

37
推荐指数
3
解决办法
4万
查看次数

标签 统计

d3.js ×1