Линейная шкала D3 останавливает отображение любых данных - PullRequest
Новая
       33

Линейная шкала D3 останавливает отображение любых данных

0 голосов
/ 18 мая 2019

Я следую базовому руководству по использованию D3.js.Следующий код отображает простую гистограмму: 

var data_set_two = [16, 32, 64, 128, 256, 524];

d3.select(".data-container.second-post")
  .selectAll("div")
  .data(data_set_two)
    .enter()
    .append("div")
    .style("width", function(d) {
      return d + "px";
    })
    .append("span")
    .text(function(d) {
      return d;
    });

Но когда я добавляю переменную масштаба и использую согласно документации, больше ничего не отображается: 

var data_set_two = [16, 32, 64, 128, 256, 524];

var scale = d3.scale.linear()
  .domain([0, 524])
  .range([0, 500])

d3.select(".data-container.second-post")
  .selectAll("div")
  .data(data_set_two)
    .enter()
    .append("div")
    .style("width", function(d) {
      return scale(d) + "px";
    })
    .append("span")
    .text(function(d) {
      return d;
    });

Я знаю, что этопеременная масштаба, которая нарушает код, потому что, когда я комментирую ее, диаграмма возвращается снова.

Вот мои теги сценария: 

<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/data.js"></script>
...