scales

definiert die Konfigurationseinstellungen der Zeitskala

Example

gantt.config.scales = [
    {unit: "month", step: 1, format: "%F, %Y"},
    {unit: "week", step: 1, format: function (date) {
        return "Woche #" + gantt.date.getWeek(date);
    }},
    {unit: "day", step: 1, format: "%D", css: function(date) {
    if(!gantt.isWorkTime({ date: date, unit: "day"})){
            return "wochenende"
        }
    }}
];

Jedes Objekt im Array spezifiziert eine einzelne Skala. Ein Objekt kann die folgenden Attribute annehmen:

• unit - (string) - der Name der Skala-Einheit. Die verfügbaren Werte sind: "minute", "hour", "day" (Standard), "week", "quarter", "month", "year". Es besteht auch die Möglichkeit, eine benutzerdefinierte Einheit festzulegen. Weitere Informationen finden Sie hier.
• step? - (number) - der Schritt der Zeitskala (X-Achse), standardmäßig 1.
• format? (date): any - (string | Function) - das Format der Skala-Labels. Wenn als Funktion festgelegt, erwartet es ein Date-Objekt als Parameter.
  • date - (Date) - ein Datum, das umgewandelt wird
• date? (date): any - (string | Function) - das Format der Skala-Labels. Wenn als Funktion festgelegt, erwartet es ein Date-Objekt als Parameter.
  • date - (Date) - ein Datum, das umgewandelt wird
• css? (date): any - eine Funktion, die den Namen einer CSS-Klasse zurückgibt, die auf die Skala-Einheiten angewendet wird. Nimmt ein Date-Objekt als Parameter.
  • date - (Date) - ein Datum, das überprüft wird
• sticky? - (boolean) - macht das Skala-Label sichtbar, wenn die Skala-Zelle größer ist als die Breite des Ansichtsfensters.

Zurück nach oben