Size: a a a

Angular - русскоговорящее сообщество

2020 February 26

R

Ruslan in Angular - русскоговорящее сообщество
Smooth Operator
не те кавычки
поправил
источник

工丂乚闩从 in Angular - русскоговорящее сообщество
Привет, нужно такую диаграмму сделать, подскажите, есть хорошие готовые решения или лучше самому? С диаграммами нет опыта
источник

v

v.a. in Angular - русскоговорящее сообщество
工丂乚闩从
Привет, нужно такую диаграмму сделать, подскажите, есть хорошие готовые решения или лучше самому? С диаграммами нет опыта
c highcharts что-то подобное делал, но она вроде платная
источник

S

Sergey in Angular - русскоговорящее сообщество
工丂乚闩从
Привет, нужно такую диаграмму сделать, подскажите, есть хорошие готовые решения или лучше самому? С диаграммами нет опыта
d3.js
Но он объемный
Если планируете и дальше графики пилить, то советую его
Если же это один график, то лучше выбрать что-то полегковеснее
источник

工丂乚闩从 in Angular - русскоговорящее сообщество
источник

S

Sergey in Angular - русскоговорящее сообщество
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
工丂乚闩从
Привет, нужно такую диаграмму сделать, подскажите, есть хорошие готовые решения или лучше самому? С диаграммами нет опыта
я такое просто на карвасе рисовал.
Самое сложное это сделать сетку.
или можно сгенерить svg элементы ангуляром
источник

工丂乚闩从 in Angular - русскоговорящее сообщество
Anton Shvets
я такое просто на карвасе рисовал.
Самое сложное это сделать сетку.
или можно сгенерить svg элементы ангуляром
такое на канвасе? вдохновляет) что порекомендуете?
источник

T

Trolizmaslom in Angular - русскоговорящее сообщество
Да обычные дивы в компоненту завернуть и ширину в процентах указывать.
источник

J💖

JSON Jenny 💖 in Angular - русскоговорящее сообщество
Sergey
d3.js
Но он объемный
Если планируете и дальше графики пилить, то советую его
Если же это один график, то лучше выбрать что-то полегковеснее
Chart.js
источник

S

Sergey in Angular - русскоговорящее сообщество
Trolizmaslom
Да обычные дивы в компоненту завернуть и ширину в процентах указывать.
источник

J💖

JSON Jenny 💖 in Angular - русскоговорящее сообщество
Trolizmaslom
Да обычные дивы в компоненту завернуть и ширину в процентах указывать.
А потом у тебя задача усложняется, увеличивается. На дом элементах лучше не визуализировать данные
источник

工丂乚闩从 in Angular - русскоговорящее сообщество
Trolizmaslom
Да обычные дивы в компоненту завернуть и ширину в процентах указывать.
я тоже поначалу так собрался делать)
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Trolizmaslom
Да обычные дивы в компоненту завернуть и ширину в процентах указывать.
)
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Ruslan
init(job) {
       this.getItems()
           .pipe(
               tap(() => job.stop()),
               pluck("data"),
               map((items: Product[]) => items.filter(item => item["watch"] == true && !!item["market_url"])),
               tap(console.log),
               concat(items => items
                   .filter(item => !!item["watch"])
                   .map(item => this.seleniumService.getPrice(item, job)).pipe(toArray())
               )
           ).subscribe((products: Product[]) => {
           products
               .filter(item => !!item)
               .map(product => {
                   console.log('prod: ', product);

                   let price = this.priceCheckerService.checkPrice(product.price_step, +product.variants[0].price, +product.secPrice, +product.min_price);
                   if (price.needUpdate && product.secondPositionShop != this.storeId) {
                       this.updatePrice(product, price.newPrice);
                   }

               });
           job.start()
       });
   }


seleniumService
async getPrice(item, job) {
       // const options = new Options().addArguments('-profile', '/home/seluser/.mozilla/firefox/31970d0t.zukazuka2');
       const driver = await new Builder()
           .forBrowser("firefox")
           .usingServer('http://localhost:4444/wd/hub')
           // .setFirefoxOptions(options)
           .build();
       try {
           await driver.get(item["market_url"]);
           const element = await driver.findElements(
               By.css(".n-snippet-list .snippet-card")
           );
           if (element.length) {
               await driver.wait(until.elementIsVisible(element[1]), 500);
               const data = await element[1].getAttribute("data-bem");
               await driver.quit();
               item["secPrice"] = JSON.parse(data)["shop-history"]["clickParams"]["price"];
               item["secondPositionShop"]= JSON.parse(data)["shop-history"]["clickParams"]["store"];
               return item;
           }
       } catch (e) {
           this.logger.alert(e);
           job.start()
       } finally {
           // await driver.quit();
       }
   }
switchMap(items => 
   concat(items => items.filter(item => !!item["watch"]).map(item => this.seleniumService.getPrice(item, job))
       .pipe(toArray(), defaultIfEmpty([]))
)),
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
должно помочь
источник

R

Ruslan in Angular - русскоговорящее сообщество
Smooth Operator
должно помочь
Сейчас попробую, спасибо!
источник

N

Natasha Zhorn in Angular - русскоговорящее сообщество
工丂乚闩从
Привет, нужно такую диаграмму сделать, подскажите, есть хорошие готовые решения или лучше самому? С диаграммами нет опыта
Если все-таки решите смотреть в сторону d3, то обращайте внимание на примеры, которые делает сам создатель библиотеки Mike Bostock.
Плюс, сразу выстраивайте архитектуру, чтобы легче было поддерживать.

Примеры кода и реализации можете найти здесь:
https://observablehq.com/@d3 в документации.
источник

VS

Vitaliy Stepanenko in Angular - русскоговорящее сообщество
Ребята в чем проблема, при переходе на страницу формы  Cannot find control with name: 'personal' выпадает ошибка  personal это formGroupName
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Vitaliy Stepanenko
Ребята в чем проблема, при переходе на страницу формы  Cannot find control with name: 'personal' выпадает ошибка  personal это formGroupName
ну может его нет на момент проверки
источник