гугл чарты: шкала времени - PullRequest
Новая
       36

гугл чарты: шкала времени

0 голосов
/ 27 августа 2018

Я использую угловой 6. На временной шкале диаграммы Google, как я могу установить масштаб временной шкалы, чтобы показывать только недели или месяц, а не показывать день.

Я установил свой график следующим образом:

Служба базовых данных 

declare var google: any;

export class GoogleChartsBaseService {
  constructor() { 
    google.charts.load('current', {'packages':["timeline"], 'language': 'fr'});
  }

  protected buildChart(data: any[], chartFunc: any, options: any) : void {
    var func = (chartFunc, options) => {
      var datatable = google.visualization.arrayToDataTable(data);
      chartFunc().draw(datatable, options);
    };   
    var callback = () => func(chartFunc, options);
    google.charts.setOnLoadCallback(callback);
  }

}

Служба временной шкалы 

    import { GoogleChartsBaseService } from './google-charts-base.service';
    import { Injectable } from '@angular/core';
    import { GanttChartConfig } from './../models/GanttChartConfig.model';

    declare var google: any;

    @Injectable()
    export class GoogleGanttChartService extends GoogleChartsBaseService {

      constructor() { super(); }

      public BuildPieChart(elementId: string, data: any[], config: GanttChartConfig) : void {  
        var chartFunc = () => { return new google.visualization.Timeline(document.getElementById(elementId)); };

     var rowHeight = 41;
        var chartHeight = data.length * rowHeight + 50;

    var options = {
            traitement: config.traitement,
                  datedebut: config.datedebut,
            datefin: config.datefin,
            chartArea:{},
            height: chartHeight
        };
           this.buildChart(data, chartFunc, options);
  }   
}

1 Ответ

0 голосов
/ 27 августа 2018

Просто установите hAxis. 

var options = {
        traitement: config.traitement,
              datedebut: config.datedebut,
        datefin: config.datefin,
        chartArea:{},
        height: chartHeight,


hAxis: {
  format: 'dd MMMM yyyy',

}
...