Zmniejsz odstęp między wykresem i osiami dimple.js - javascript, charts, dimple.js

Tworzę wykresy z 7 lub mniej punktami Moja strona pozwala również na przełączanie pomiędzy typami wykresów.
Wszystkie wykresy są w porządku, z wyjątkiem wykresu warstwowegodość duża biała przestrzeń między bokami wykresu i osią. Po prostu nie wygląda dobrze, szczególnie w odróżnieniu od innych wykresów, chciałbym, aby wykres zajmował cały obszar wykresu, a kiedy jest wiele punktów, oś obraca się o 90 °, a wykres zajmuje całą przestrzeń.

Jak mogę określić to zachowanie? Zredukowalem marginesy / granice, ale jest kruchy.

http://jsbin.com/rihoredoja/1/edit

Odpowiedzi:

Dzieje się tak dlatego, że użyłeś osi kategorii na x, która regularnie umieszcza każdy punkt w regularnych odstępach czasu. Twój wykres byłby lepiej dopasowany do osi czasu:

var svg = dimple.newSvg("#chartContainer", 600, 400),
data = [
{ "year": "1998", "val": 123456789 },
{ "year": "1999", "val": 234567890 },
{ "year": "2000", "val": 234567890 },
{ "year": "2001", "val": 123456789 },
{ "year": "2002", "val": 134567890 },
{ "year": "2003", "val": 123456789 },
{ "year": "2004", "val": 234567890 }
],
c = new dimple.chart(svg, data),
x = c.addTimeAxis("x", "year", "%Y", "%Y"),
y = c.addMeasureAxis("y", "val"),
s = c.addSeries(null, dimple.plot.area);

c.draw();