2013-12-19 7 views
6

Ich habe ein Flotendiagramm, das ich 100% in seinem übergeordneten Container überspannen möchte. Es funktioniert wie ich will, solange ich die xaxisshow Option ausgeschaltet habe.Lücke auf der Flotentabelle entfernen?

Aber sobald ich es einschalte, fügt es eine Lücke auf der linken Seite (wie Sie aus dem beigefügten Bild sehen können). Das Recht ist in Ordnung.

chart

Irgendwelche Ideen? Hier sind meine Gitter und xaxis Einstellungen:

grid: { 
    borderColor: 'transparent', 
    hoverable: false, 
    backgroundColor: 'transparent', 
    minBorderMargin: 0, 
    borderWidth: 0, 
    margin: { 
    top: 10, 
    right: 0, 
    bottom: 0, 
    left: 0 
    } 
}, 
xaxis: { 
    show: true, 
    mode: "time", 
    timezone: 'browser', 
    timeformat: "%b", 
    minTickSize: [1, "month"], 
    reserveSpace: false, 
    font: { 
    size: 11, 
    } 
} 

Ich verwende Flot Version 0.8.2 mit jQuery Version 1.10.2.

+0

Ihr Bild wird nicht angezeigt – dreamweiver

+0

Gut für mich arbeiten. Hier ist ein direkter Link: http://i.stack.imgur.com/8affH.png – Shpigford

+4

oh, es wurde von meinem Netzwerk-Firewall blockiert, können Sie eine jsfiddle erstellen, http://jsfiddle.net – dreamweiver

Antwort

0

Sie können mit CSS tun. Geben Sie der Klasse einfach einen Margin-Link, oder geben Sie Ihr Diagramm an. Etwas wie folgt aus:

#chart {margin-left: -5px;}

ich gerade geben Sie margin-left: 5px; Sie können entsprechend anpassen. hoffe, dass es hilft :)