[英]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.