MP
Максим
У меня график есть chart.js. Я хочу при обновлении данных его перерисовать, но не хочу использовать метод этой библиотеки для перерисовкм
переопредели метод)
Size: a a a
2020 January 16
S
Максим
У меня график есть chart.js. Я хочу при обновлении данных его перерисовать, но не хочу использовать метод этой библиотеки для перерисовкм
Ты можешь сделать так:
1. Вынести отдельно компонент с графиком
2. Пробрасывать в него сами данные через
3. Так как жизненный хук OnChanges срабатывает при изменении инпута, вызывать метод drawChart() в этом хуке
Потом можешь довольным сделать себе кофе и смотреть, как всё работает😁
1. Вынести отдельно компонент с графиком
2. Пробрасывать в него сами данные через
@Input()3. Так как жизненный хук OnChanges срабатывает при изменении инпута, вызывать метод drawChart() в этом хуке
Потом можешь довольным сделать себе кофе и смотреть, как всё работает😁
М
Ты можешь сделать так:
1. Вынести отдельно компонент с графиком
2. Пробрасывать в него сами данные через
3. Так как жизненный хук OnChanges срабатывает при изменении инпута, вызывать метод drawChart() в этом хуке
Потом можешь довольным сделать себе кофе и смотреть, как всё работает😁
1. Вынести отдельно компонент с графиком
2. Пробрасывать в него сами данные через
@Input()3. Так как жизненный хук OnChanges срабатывает при изменении инпута, вызывать метод drawChart() в этом хуке
Потом можешь довольным сделать себе кофе и смотреть, как всё работает😁
Я так и делаю, только метод не знаю как вызвать при oncgange, потому что график так задаю
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
YK
товарищи, у кого есть свежий айфон? Тут у нас на продакшине говорят, что клик по вот этой менюшке не меняет url:
http://jobroom.ch/
http://jobroom.ch/
<div class="d-block d-md-none w-100"
ngbDropdown
placement="bottom">
<button class="btn btn-secondary btn-block py-1"
ngbDropdownToggle>
<small class="d-block">{{'home.toolbar.title' | translate}}</small>
<span *ngFor="let toolbarButton of toolbarButtons"
[routerLink]="toolbarButton.route"
class="route-label"
routerLinkActive="visible"
tabindex="-1">
{{toolbarButton.label | translate}}
</span>
</button>
<div class="w-100"
ngbDropdownMenu>
<a *ngFor="let toolbarButton of toolbarButtons"
[routerLink]="toolbarButton.route"
class="dropdown-item"
routerLinkActive="active">
{{toolbarButton.label | translate}}
</a>
</div>
</div>
YK
вот что тут может пойти не так?
S
Максим
Я так и делаю, только метод не знаю как вызвать при oncgange, потому что график так задаю
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
Хм, думаю, у тебя вот так должно быть:
<my-chart [data]="тут твои данные"></my-chart>
// my-chart.component.html
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
Как раз в этом компоненте ты сможешь отслеживать изменение твоих инпутов и вызывать перерисовку
М
Хм, думаю, у тебя вот так должно быть:
<my-chart [data]="тут твои данные"></my-chart>
// my-chart.component.html
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
Как раз в этом компоненте ты сможешь отслеживать изменение твоих инпутов и вызывать перерисовку
Как вызвать перерисовку?
М
Хм, думаю, у тебя вот так должно быть:
<my-chart [data]="тут твои данные"></my-chart>
// my-chart.component.html
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
Как раз в этом компоненте ты сможешь отслеживать изменение твоих инпутов и вызывать перерисовку
Мне нужно вызвать метод chart.upate(), но у меня нету объекта chart,. Потому что график я создаю декларативно
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
А на изменение data он не реагирует
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
А на изменение data он не реагирует
S
Максим
Мне нужно вызвать метод chart.upate(), но у меня нету объекта chart,. Потому что график я создаю декларативно
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
А на изменение data он не реагирует
<canvas baseChart *ngIf='oneTrendVar' [datasets]="lineChartData" [options]="lineChartOptions" [colors]="lineChartColors" [legend]="lineChartLegend" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
А на изменение data он не реагирует
Ну ты же можешь получить через ViewChild -
Если я правильно понял, это как раз ссылка на твой график
baseChartЕсли я правильно понял, это как раз ссылка на твой график
EK
Ну ты же можешь получить через ViewChild -
Если я правильно понял, это как раз ссылка на твой график
baseChartЕсли я правильно понял, это как раз ссылка на твой график
export class HomeComponent { @ViewChild(BaseChartDirective) public chart: BaseChartDirective; // Now you can reference your chart via
this.chart void updateChart() { this.chart.chart.update(); // This re-renders the canvas element. }S
вот что тут может пойти не так?
а ты уверен что проблема здесь?
YK
а ты уверен что проблема здесь?
Пока нет, вот буду щас с Xcode отлаживать
S
Evgeny Kalibrov
export class HomeComponent { @ViewChild(BaseChartDirective) public chart: BaseChartDirective; // Now you can reference your chart via
this.chart void updateChart() { this.chart.chart.update(); // This re-renders the canvas element. }Во, идеально)
YK
демки-то ng-bootstrap dropdown работают нормально
YK
и воплей не слышно - значит проблема в нашем говнокоде и тем, как ios13.3 обыгрывает его в отличие от ios12.
N
а что принимает директива ngModel ? начальное значения формы ?
М
Evgeny Kalibrov
export class HomeComponent { @ViewChild(BaseChartDirective) public chart: BaseChartDirective; // Now you can reference your chart via
this.chart void updateChart() { this.chart.chart.update(); // This re-renders the canvas element. }Точно, спасибо большое всем
S
S
а что принимает директива ngModel ? начальное значения формы ?
просто значение контрола
J
ребята такой вопрос, при lazy loading, css стили тоже по модулям грузится или все сразу?