小编use*_*628的帖子

d3 v4使用x和y轴拖动折线图

我是d3.js的新手.我想用点来拖动折线图.没有x和y轴,它工作正常.我使用此示例作为参考:https://bl.ocks.org/mbostock/4342190

如果轴到折线图,则该线未正确绘制.请查看下面的代码段.

提前致谢.

<!DOCTYPE html>
<svg width="500" height="350"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>

var svg = d3.select("svg"),
    margin = {top: 20, right: 20, bottom: 30, left: 50},
    width = +svg.attr("width") - margin.left - margin.right,
    height = +svg.attr("height") - margin.top - margin.bottom;
    

let points = d3.range(1, 10).map(function(i) {
    return [i * width / 10, 50 + Math.random() * (height - 100)];
});
var x = d3.scaleLinear()
    .rangeRound([0, width]);

var y = d3.scaleLinear()
    .rangeRound([height, 0]);

var xAxis = d3.axisBottom(x),
    yAxis = …
Run Code Online (Sandbox Code Playgroud)

javascript drag-and-drop draggable d3.js

4
推荐指数
1
解决办法
1981
查看次数

标签 统计

d3.js ×1

drag-and-drop ×1

draggable ×1

javascript ×1