Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
21 / 21 / 16
Регистрация: 30.09.2013
Сообщений: 262
1

Не могу понять, почему не работает цикл for

31.08.2014, 11:38. Показов 1388. Ответов 5
Метки нет (Все метки)

Есть график, в котором очень много точек (в перспективе пару тысяч). Но мне надо вывести последние 50 из списка.
Пишу:
Javascript
1
for (var i = lalabels.length-50, ii = labels.length; i < ii; i++)
но это не работает(. График просто не отображается

Помогите пожалуйста. Вот исходники:
monitoring.zip

Файл analytics.js, строка 82

Javascript
1
2
3
4
5
6
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
Raphael.fn.drawGrid = function (x, y, w, h, wv, hv, color) {
    color = color || "#000";
    var path = ["M", Math.round(x) + .5, Math.round(y) + .5, "L", Math.round(x + w) + .5, Math.round(y) + .5, Math.round(x + w) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y) + .5],
        rowHeight = h / hv,
        columnWidth = w / wv;
    for (var i = 1; i < hv; i++) {
        path = path.concat(["M", Math.round(x) + .5, Math.round(y + i * rowHeight) + .5, "H", Math.round(x + w) + .5]);
    }
    for (i = 1; i < wv; i++) {
        path = path.concat(["M", Math.round(x + i * columnWidth) + .5, Math.round(y) + .5, "V", Math.round(y + h) + .5]);
    }
    return this.path(path.join(",")).attr({stroke: color});
};
 
$(function () {
    $("#data").css({
        position: "absolute",
        left: "-9999em",
        top: "-9999em"
    });
});
 
window.onload = function () {
    function getAnchors(p1x, p1y, p2x, p2y, p3x, p3y) {
        var l1 = (p2x - p1x) / 2,
            l2 = (p3x - p2x) / 2,
            a = Math.atan((p2x - p1x) / Math.abs(p2y - p1y)),
            b = Math.atan((p3x - p2x) / Math.abs(p2y - p3y));
        a = p1y < p2y ? Math.PI - a : a;
        b = p3y < p2y ? Math.PI - b : b;
        var alpha = Math.PI / 2 - ((a + b) % (Math.PI * 2)) / 2,
            dx1 = l1 * Math.sin(alpha + a),
            dy1 = l1 * Math.cos(alpha + a),
            dx2 = l2 * Math.sin(alpha + b),
            dy2 = l2 * Math.cos(alpha + b);
        return {
            x1: p2x - dx1,
            y1: p2y + dy1,
            x2: p2x + dx2,
            y2: p2y + dy2
        };
    }
    // Grab the data
    var labels = [],
        data = [];
    $("#data tfoot th").each(function () {
        labels.push($(this).html());
    });
    $("#data tbody td").each(function () {
        data.push($(this).html());
    });
    
    // Draw
    var width = 1350,
        height = 600,
        leftgutter = 0,
        bottomgutter = 20,
        topgutter = 20,
        colorhue = .6 || Math.random(),
        color = "hsl(" + [colorhue, .5, .5] + ")",
        r = Raphael("holder", width, height),
        txt = {font: '8px Helvetica, Arial', fill: "#fff"},
        txt1 = {font: '10px Helvetica, Arial', fill: "#fff"},
        txt2 = {font: '12px Helvetica, Arial', fill: "#000"},
        X = (width - leftgutter) / labels.length,
        max = Math.max.apply(Math, data),
        Y = (height - bottomgutter - topgutter) / max;
    r.drawGrid(leftgutter + X * .5 + .5, topgutter + .5, width - leftgutter - X, height - topgutter - bottomgutter, 10, 10, "#000");
    var path = r.path().attr({stroke: color, "stroke-width": 4, "stroke-linejoin": "round"}),
        bgp = r.path().attr({stroke: "none", opacity: .3, fill: color}),
        label = r.set(),
        lx = 0, ly = 0,
        is_label_visible = false,
        leave_timer,
        blanket = r.set();
    label.push(r.text(60, 12, "24 sec").attr(txt1));
    label.push(r.text(60, 27, "22 September 2008").attr(txt1).attr({fill: color}));
    label.hide();
    var frame = r.popup(100, 100, label, "right").attr({fill: "#000", stroke: "#666", "stroke-width": 2, "fill-opacity": .7}).hide();
 
    var p, bgpp;
    for (var i = 0, ii = labels.length; i < ii; i++) {
        var y = Math.round(height - bottomgutter - Y * data[i]),
            x = Math.round(leftgutter + X * (i + .5)),
            t = r.text(x, height - 6, labels[i]).attr(txt).toBack();
        if (!i) {
            p = ["M", x, y, "C", x, y];
            bgpp = ["M", leftgutter + X * .5, height - bottomgutter, "L", x, y, "C", x, y];
        }
        if (i && i < ii - 1) {
            var Y0 = Math.round(height - bottomgutter - Y * data[i - 1]),
                X0 = Math.round(leftgutter + X * (i - .5)),
                Y2 = Math.round(height - bottomgutter - Y * data[i + 1]),
                X2 = Math.round(leftgutter + X * (i + 1.5));
            var a = getAnchors(X0, Y0, x, y, X2, Y2);
            p = p.concat([a.x1, a.y1, x, y, a.x2, a.y2]);
            bgpp = bgpp.concat([a.x1, a.y1, x, y, a.x2, a.y2]);
        }
        var dot = r.circle(x, y, 4).attr({fill: "#333", stroke: color, "stroke-width": 2});
        blanket.push(r.rect(leftgutter + X * i, 0, X, height - bottomgutter).attr({stroke: "none", fill: "#fff", opacity: 0}));
        var rect = blanket[blanket.length - 1];
        (function (x, y, data, lbl, dot) {
            var timer, i = 0;
            rect.hover(function () {
                clearTimeout(leave_timer);
                var side = "right";
                if (x + frame.getBBox().width > width) {
                    side = "left";
                }
                var ppp = r.popup(x, y, label, side, 1),
                    anim = Raphael.animation({
                        path: ppp.path,
                        transform: ["t", ppp.dx, ppp.dy]
                    }, 200 * is_label_visible);
                lx = label[0].transform()[0][1] + ppp.dx;
                ly = label[0].transform()[0][2] + ppp.dy;
                frame.show().stop().animate(anim);
                label[0].attr({text: data + " сек"}).show().stop().animateWith(frame, anim, {transform: ["t", lx, ly]}, 200 * is_label_visible);
                label[1].attr({text: lbl + " September 2008"}).show().stop().animateWith(frame, anim, {transform: ["t", lx, ly]}, 200 * is_label_visible);
                dot.attr("r", 6);
                is_label_visible = true;
            }, function () {
                dot.attr("r", 4);
                leave_timer = setTimeout(function () {
                    frame.hide();
                    label[0].hide();
                    label[1].hide();
                    is_label_visible = false;
                }, 1);
            });
        })(x, y, data[i], labels[i], dot);
    }
    p = p.concat([x, y, x, y]);
    bgpp = bgpp.concat([x, y, x, y, "L", x, height - bottomgutter, "z"]);
    path.attr({path: p});
    bgp.attr({path: bgpp});
    frame.toFront();
    label[0].toFront();
    label[1].toFront();
    blanket.toFront();
};
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
31.08.2014, 11:38
Ответы с готовыми решениями:

JQuery!? Не могу понять почему цикл не срабатывает?
for (var b=1; b&lt;=1; b++) { $('#lab_'+b).click(function(){ ...

Не могу понять, почему программа работает неправильно( Знаю, что где-то ошибки, но не могу найти
{Ввести последовательность натуральных чисел Aj j=1...n (n&lt;=1000). Упорядочить последовательность...

Не работает изменение, не могу понять почему, Update не работает, ошибку выдает
Помогите, изменение с помощью button string u =...

Не могу понять почему не работает (или правильно не работает)
#include &lt;iostream.h&gt; #include &lt;conio.h&gt; #define N 5 #define M 3 void main() { int a; ...

5
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
31.08.2014, 13:13 2
А ошибки какие-нибудь выдаются?

Добавлено через 9 минут
В строчке 90 определяется переменная p. Определяется она в цикле, при условии что i = 0. Вы, поменяв условие (цикл начинается с i = 50) лишаете бедную переменную возможности определиться. В результате интерпретатор выдаёт ошибку и скрипт падает.
0
21 / 21 / 16
Регистрация: 30.09.2013
Сообщений: 262
31.08.2014, 15:51  [ТС] 3
etalord, ошибок никаких не выдает. Вот скрин до, и после:
Не могу понять, почему не работает цикл for


Кстати я ошибся. Цикл на 82 строке не отвечает за импорт информации. Он отвечает за отображение той информации которая уже импортирована. Тойсть мы сначала импортируем, а потом уже выводим от 0 до labels.length .

Вот участок который импортирует информацию:

Javascript
1
2
3
4
5
6
7
8
var labels = [],
        data = [];
    $("#data tfoot th").each(function () {
        labels.push($(this).html());
    });
    $("#data tbody td").each(function () {
        data.push($(this).html());
    });
из таблицы:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table id="data" style="position: absolute; left: -9999em; top: -9999em;">
            <tfoot>
                <tr>
                    <th>1</th>
                    <th>2</th>
                    <th>3</th>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td>10</td>
                    <td>24</td>
                    <td>13</td>
                </tr>
            </tbody>
</table>
Как мне здесь можно использовать цикл?
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
31.08.2014, 16:12 4
Лучший ответ Сообщение было отмечено -MaZaHaKa- как решение

Решение

Начиная с 50
Javascript
1
2
3
4
5
6
7
8
9
    // Grab the data
    var labels = [],
        data = [];
    $("#data tfoot th:gt(50)").each(function () {
        labels.push($(this).html());
    });
    $("#data tbody td").each(function () {
        data.push($(this).html());
    });
Последние 50
Javascript
1
2
3
4
5
6
7
8
9
10
    // Grab the data
    var labels = [],
        data = [];
    var last50 = $("#data tfoot th").length - 50;
    $("#data tfoot th:gt(" + last50 + ")").each(function () {
        labels.push($(this).html());
    });
    $("#data tbody td").each(function () {
        data.push($(this).html());
    });
или
Javascript
1
2
3
4
5
6
7
8
9
10
11
    // Grab the data
    var labels = [],
        data = [];
    var last50 = $("#data tfoot th").length - 50;
    $("#data tfoot th").each(function (i) {
        if(i > last50)
            labels.push($(this).html());
    });
    $("#data tbody td").each(function () {
        data.push($(this).html());
    });
ЗЫ. Ошибка выдавалась, в консоли смотреть надо
2
21 / 21 / 16
Регистрация: 30.09.2013
Сообщений: 262
31.08.2014, 16:23  [ТС] 5
etalord, Спасибо огромное! А я уже начал мудрить с arr.slice(-50) .

Цитата Сообщение от etalord Посмотреть сообщение
ЗЫ. Ошибка выдавалась, в консоли смотреть надо
Спасибо, буду знать где смотреть)

Добавлено через 6 минут
Вот чуть исправленный вариант), теперь работает все как надо
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
    var labels = [],
        data = [],
        last = 5;
    var lastlabels = $("#data tfoot th").length - last;
    $("#data tfoot th").each(function (i) {
        if(i >= lastlabels)
            labels.push($(this).html());
    });
    var lastdata = $("#data tfoot th").length - last;
    $("#data tbody td").each(function (i) {
        if(i >= lastdata)
            data.push($(this).html());
    });
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
31.08.2014, 17:18 6
Молоток
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.08.2014, 17:18

Не могу понять почему не работает
#include &quot;stdio.h&quot; #include &quot;math.h&quot; #include &quot;conio.h&quot; #define E 1e-6 int main() { ...

Не могу понять почему не работает
Помогите исправить этот код $(document).ready(function() { var regeua = /(+)/ui; var...

Не могу понять почему не работает
Здравствуйте. Взял с интернета код для определения ip адреса компьютера с помощью wmi, немного...

не могу понять почему не работает
Пожалуйста ,помоги,найти ошибку... услвие задачи Подсчитать количество вхождений букв и слов в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.