Dziwna wykres maksymalnej osi x wartość (Real Challenge)

Tutaj możesz zobaczyć wykres utworzony za pomocą wykresu.http://jsfiddle.net/aNJxf/4/

Jest on prawidłowo wyświetlany z osią y.

Pierwsza wartość y wynosi 0,03100, a maksymalna wartość na osi y wynosi 0,031. Jeśli zmienimy wartość na 0,03104, maksymalna wartość na osi y wynosi 1,03, a teraz wszystkie nasze punkty znajdują się na dole. Jeśli dodamy kolejne 0,00001, co daje wartość 0,03105, maksimum na osi y wynosi 0,531, a teraz nasze punkty są pokazywane wźle pozycja wykresu. Wydaje się, że coś idzie nie tak, podczas gdy grafael oblicza maksymalną wartość osi y.

Dlaczego tak się dzieje? A jak możemy to naprawić?

Kod, który wkleiłem, jest

var r = Raphael("holder"),
txtattr = { font: "12px sans-serif" };

var x = [], y = [], y2 = [], y3 = [];

for (var i = 0; i < 1e6; i++) {
    x[i] = i * 10;
    y[i] = (y[i - 1] || 0) + (Math.random() * 7) - 3;
}
var demoX = [[1, 2, 3, 4, 5, 6, 7],[3.5, 4.5, 5.5, 6.5, 7, 8]];
var demoY = [[12, 32, 23, 15, 17, 27, 22], [10, 20, 30, 25, 15, 28]];

var xVals =[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58];
var yVals = [0.03100,0.02259,0.02623,0.01967,0.01967,0.00788,0.02217,0.0137,0.01237,0.01764,0.0131,0.00942,0.0076,0.01463,0.02882,0.02093,0.02502,0.01961,0.01551,0.02227,0.0164,0.0191,0.00774,0.03076,0.0281,0.01338,0.02763,0.02334,0.00557,0.00023,0.01523,0.0263,0.03077,0.02404,0.02492,0.01954,0.01954,0.02337,0.01715,0.02271,0.00815,0.01343,0.00985,0.01837,0.00749,0.02967,0.01156,0.0083,0.00209,0.01538,0.01348,0.01353];

//r.text(160, 10, "Symbols, axis and hover effect").attr(txtattr);
var lines = r.linechart(10, 10, 300, 220, xVals, yVals, { nostroke: false, axis: "0 0 1 1", symbol: "circle", smooth: true })
    .hoverColumn(function () {
        this.tags = r.set();

        for (var i = 0, ii = this.y.length; i < ii; i++) {
            this.tags.push(r.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }]));
            }
        }, function () {
            this.tags && this.tags.remove();
            });

lines.symbols.attr({ r: 3 });

Dzięki

questionAnswers(1)

yourAnswerToTheQuestion