Size: a a a

2019 December 15

N

Nik in Angular Kyiv
и там где // Get the data
источник

N

Nik in Angular Kyiv
весь код до конца замени на этот

d3.csv('/assets/data.csv').then(data => {
 // format the data
 data.forEach(function(d) {
   d.year = d.year;
   d.population = +d.population;
 });

 // Scale the range of the data
 x.domain(d3.extent(data, function(d) {
   return d.year;
 }));
 y.domain([0, d3.max(data, function(d) {
   return d.population;
 })]);

 // Add the valueline path.
 svg.append('path')
   .data([data])
   .attr('class', 'line')
   .attr('d', valueline);

 // Add the X Axis
 svg.append('g')
   .attr('transform', 'translate(0,' + height + ')')
   .call(d3.axisBottom(x));

 // Add the Y Axis
 svg.append('g')
   .call(d3.axisLeft(y));
});
источник

N

Nik in Angular Kyiv
я бегло глянул и вроде как в новом d3 метод csv возвращает промис и не юзает коллбек
источник

N

Nik in Angular Kyiv
и все, график у тебя будет отрисован
источник

KW

Kyril Wadzinski in Angular Kyiv
Я просто хочу график с другими данными сделать с годом написания книг одного автора. Думал переписать под свое но не выходит
источник

N

Nik in Angular Kyiv
сек
источник

KW

Kyril Wadzinski in Angular Kyiv
В том файле можно задать как то книгу и ее год?
источник

KW

Kyril Wadzinski in Angular Kyiv
Ты все за меня сделаешь а мне как учиться(
источник

IF

Igor Filippov in Angular Kyiv
Kyril Wadzinski
Ты все за меня сделаешь а мне как учиться(
источник

N

Nik in Angular Kyiv
Kyril Wadzinski
В том файле можно задать как то книгу и ее год?
для начала тебе нужно понять что это за файл CSV и зачем он нужен
источник

N

Nik in Angular Kyiv
потом понять как тебе проще грузить туда данные
источник

KW

Kyril Wadzinski in Angular Kyiv
Я читал по д3 вот такой курс. Видимо он устарел уже
https://metanit.com/web/d3js/
источник

IF

Igor Filippov in Angular Kyiv
Kyril Wadzinski
Я читал по д3 вот такой курс. Видимо он устарел уже
https://metanit.com/web/d3js/
Он по 3 версии, сейчас 5
источник

N

Nik in Angular Kyiv
Igor Filippov
Он по 3 версии, сейчас 5
как неловко получилось. а фронт не стоит на месте.
источник

IF

Igor Filippov in Angular Kyiv
Kyril Wadzinski
Я читал по д3 вот такой курс. Видимо он устарел уже
https://metanit.com/web/d3js/
Могу в поддержку тебе сказать что д3 довольно сложная либа. Мало кто может ею хорошо владеть. Так что это нормально если в начале плохо получается
источник

N

Nik in Angular Kyiv
а точно нужен d3? может что то проще?
источник

N

Nik in Angular Kyiv
если нужна 1 простая диаграмка
источник

N

Nik in Angular Kyiv
в основном д3 юзается для более сложных штук
источник

KW

Kyril Wadzinski in Angular Kyiv
Там в доках настолько много что я даже не знаю как это выучить.
источник

N

Nik in Angular Kyiv
за пару месяцев выучить можно
источник