繁体   English   中英

谷歌图表:时间轴比例

[英]google charts: timeline Scale

我使用角度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);
  }   
}

只需设置hAxis。

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


hAxis: {
  format: 'dd MMMM yyyy',

}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM