Графики PrimeNG не отображаются - PullRequest
Новая
       24

Графики PrimeNG не отображаются

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

Я пытаюсь использовать диаграммы PrimeNG в своем проекте jhipster (пружинный / угловой), и все виды диаграмм (или других компонентов PrimeNG) вообще не отображаются. Я использую угловой 7.3.7 и primeng 7.1.3. Я видел некоторые сообщенные проблемы с этим и попробовал различные решения, но без результатов.

HTML-страница : 

<p-chart type="bar" width="400" height="400" [data]="data" [options]="options"></p-chart>

Код компонента : 

import {Component, OnInit} from '@angular/core';

@Component({
    selector: 'jhi-statistics',
    templateUrl: './statistics.component.html',
    styles: []
})
export class StatisticsComponent implements OnInit {

    data: any;

    constructor() {
        this.data = {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
            datasets: [
                {
                    label: 'My First dataset',
                    backgroundColor: '#42A5F5',
                    borderColor: '#1E88E5',
                    data: [65, 59, 80, 81, 56, 55, 40]
                },
                {
                    label: 'My Second dataset',
                    backgroundColor: '#9CCC65',
                    borderColor: '#7CB342',
                    data: [28, 48, 40, 19, 86, 27, 90]
                }
            ]
        }
    }
}

app.module.ts 

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ChartModule } from 'primeng/primeng';
...

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        ...
        ChartModule
    ],
    ...

vendor.css 

@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~primeng/resources/primeng.min.css';

и у меня нет ошибок, хотя. Я что-то пропустил? Любая помощь будет оценена.

...