GoogleChart时间轴:行数

时间:2018-08-31 09:16:37

标签: javascript angular typescript timeline google-chartwrapper

我在我的angular 6应用程序中使用GoogleChart时间轴。为了定义图形的高度,我计算了data.lenght的行数。

但是我可以在同一行中有很多对象:

data =
[a1,b1,DateStart1, DateEnd1],
[a2,b2,DateStart2, DateEnd2];

如果 a1 = a2 和 (DateStart1,DateEnd1)(DateStart2,DateEnd2)不在同一范围日期上, 我只有一行,但是我的方法有两行。

我找不到自动计算图形行数的函数。

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 = () => new google.visualization.Timeline(document.getElementById(elementId));

    var rowHeight = 41;
    var chartHeight = 5.5 * rowHeight + 10; //data.lenght
    var options = {
      traitement: config.traitement,
      datedebut: config.datedebut,
      datefin: config.datefin,
      chartArea: {},
      height: chartHeight,
      hAxis: {
        format: 'MMM yy',
      }
    };

    this.buildChart(data, chartFunc, options);
  }
}

0 个答案:

没有答案