1

На примере с видео делаю простую фигуру

paths();

function paths() {
  var canvas = d3.select(".paths").append("svg")
    .attr("width", 500)
    .attr("height", 500);

  var data = [{
      x: 10,
      y: 20
    },
    {
      x: 100,
      y: 100
    },
    {
      x: 10,
      y: 200
    }
  ];

  var group = canvas.append('g')
    .attr("transform", "translate(100,100)");

  var line = d3.svg.line()
    .x(function(d) {
      return d.x
    })
    .y(function(d) {
      return d.y
    });

  group.selectAll("path")
    .data([data])
    .enter()
    .append("path")
    .attr("d", line)
    .attr("fill", "none")
    .attr("stroke", "red")
    .attr("stroke-width", 5);
}
<div class="paths"></div>




<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js"></script>

Смотрел и делал по этому мануалу: https://youtu.be/0QlOBKBWcZ8?t=303

Но выдаёт ошибку вот такую

введите сюда описание изображения

В каком месте я накосячил ?

1
  • ту же ошибку показывает сниппет so 16 июн 2019 в 15:50

1 ответ 1

1

В новом стандарте нет метода "d3.svg.line()", замените его на "d3.line()"

3
  • спасибо ...посмотрел дату выхода ролика ...старенькое видео 16 июн 2019 в 16:17
  • 1
    @MaximLensky это синтаксис 3 версии, насиная с 4, как в ответе 16 июн 2019 в 16:53
  • да я понял ...спасибо 16 июн 2019 в 22:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.