results-graph.component.ts

import { Component, ViewChild, AfterContentInit } from "@angular/core";

import { Observer } from "jalhyd";

import { VarResults, GraphType } from "../../results/var-results";
import { GraphTypeSelectComponent } from "./graph-type.component";
import { ApplicationSetupService } from "../../services/app-setup/app-setup.service";
import { I18nService } from "../../services/internationalisation/internationalisation.service";

@Component({
    selector: "results-graph",
    templateUrl: "./results-graph.component.html",
    styleUrls: [
        "./results-graph.component.scss"
    ]
})
export class ResultsGraphComponent implements AfterContentInit, Observer {
    private _results: VarResults;

    @ViewChild(GraphTypeSelectComponent)
    private _graphTypeComponent: GraphTypeSelectComponent;

    /*
     * config du graphe
     */
    public graph_type: string;
    public graph_data = {};
    public graph_options = {
        responsive: true,
        maintainAspectRatio: true,
        animation: {
            duration: 0
        },
        legend: {
            display: false
        },
        title: {
            display: true,
            text: ""
        }
    };

    /** tracks the fullscreen state */
    public get isFullscreen() {
        return (document["fullscreenElement"] !== null);
    }

    public constructor(
        private appSetup: ApplicationSetupService,
        private intlService: I18nService
    ) {
        // limit display precision according to app preferences
        const nDigits = this.appSetup.displayDigits;
    }

    public set results(r: VarResults) {
        this._results = r;
        if (this._results && this._graphTypeComponent) {
            this._graphTypeComponent.selectedValue = r.graphType;
        }
    }

    public get availableChartAxis() {
        if (this._results) {
            return this._results.getAvailableChartAxis();
        }
    }

    public get chartX() {
        if (this._results) {