Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / RGraph: Как изменить background цвет графика? / 14 сообщений из 14, страница 1 из 1
28.01.2015, 19:41
    #38865918
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
На старнице график, в нем данные используются из вед сервиса через ajax.
Когда ошибка в ajax вызове, хочу поенять бэкграунд графика, а если вызов успешен восстановить.

Делаю так в функции, которая вызывается на ошибке ajax

obj_Chart.Set('background.color', '#B6B6B4');

нифига не меняет.
...
Рейтинг: 0 / 0
28.01.2015, 19:51
    #38865925
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
Winnipuh,
если говорить o jquary, там есть метод сss
...
Рейтинг: 0 / 0
28.01.2015, 19:54
    #38865926
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
т.е
Код: javascript
1.
$(this).css('background-color', 'red');
...
Рейтинг: 0 / 0
28.01.2015, 22:40
    #38866011
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
kunaksergeyWinnipuh,
если говорить o jquary, там есть метод сss

это конкретно бэкграунд графика rgraph.

этого
http://www.rgraph.net/demos/line-dynamic-updates.html
...
Рейтинг: 0 / 0
28.01.2015, 22:55
    #38866020
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
Winnipuh,
полученные данные от ajax куда-то же забрасываешь.. но без кода конечно сказать сложно
...
Рейтинг: 0 / 0
28.01.2015, 23:46
    #38866061
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
kunaksergeyWinnipuh,
полученные данные от ajax куда-то же забрасываешь.. но без кода конечно сказать сложно

я дал ссылку в пред. сообщении.
Я в тот пример добавил кнопку и тупую функцию чисто для эксперимента

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
 var error_occured = false;

    document.getElementById("toggleButton1").onclick = function (e) {
        if (error_occured)
            obj.Set('background.color', '#B6B6B4');
        else
            obj.Set('background.color', 'black');
        RG.redraw();
        error_occured = !error_occured;
    }



не работает нифига.
Это наверное специфика rgraph.
...
Рейтинг: 0 / 0
28.01.2015, 23:51
    #38866064
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
да, мне ответил автор rgraph Richard Heyes, предложил добавить вызов перерисовки.
Но я ему привел код функции, который здесь выше, и который не срабатывает и он затихарился


жду...
...
Рейтинг: 0 / 0
29.01.2015, 00:49
    #38866102
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
А что делает метод Set?
...
Рейтинг: 0 / 0
29.01.2015, 08:47
    #38866205
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
skyANAА что делает метод Set?

устанавливает проперти - имя->значение
...
Рейтинг: 0 / 0
29.01.2015, 09:18
    #38866227
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
Кстати, перепробовал несколько библиотек для отрисовки динамических графиков, эта показалась самой простой и все нужное есть.
Единственное на что нарвался - это описанная непонятка.
Вот модифицированный файл из установки RGraph с демонстрацией ошибки

http://rghost.net/6qZm2jCBS

Его надо скопировать в их фолдер \demo и оттуда запускать.
...
Рейтинг: 0 / 0
29.01.2015, 09:51
    #38866272
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
WinnipuhskyANAА что делает метод Set?

устанавливает проперти - имя->значениепроперти чего? Вы уверены в правильности написания его имени?
...
Рейтинг: 0 / 0
29.01.2015, 10:36
    #38866327
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
skyANAWinnipuhпропущено...


устанавливает проперти - имя->значениепроперти чего? Вы уверены в правильности написания его имени?

я оба варианта пробовал.
Но там в файле есть функция drawGraph - внутри нее рабоатет вызов, а по кнопке вне функции - нет.
Навернео я не прав, но где???

вот скрипт:
Код: 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.
$(document).ready(function ()
        {
            var RG        = RGraph;
            var ma        = Math;
            var canvas    = document.getElementById("cvs");
            var obj       = null;
            var data      = [];
            var l         = 0; // The letter 'L' - NOT a one
            var numvalues = 1200;
            var updates   = 0;

            // Pre-pad the arrays with null values
            for (var i=0; i<numvalues; ++i) {
                data.push(null);
            }
        
            function drawGraph ()
            {
                RG.Clear(canvas);
                

                if (!obj) {
                    obj = new RG.Line({
                        id: 'cvs',
                        data: [],
                        options: {
                            colors: ['black'],
                            linewidth: 0.75,
                            yaxispos: 'right',
                            shadow: false,
                            tickmarks: null,
                            gutter: {
                                top: 10,
                                bottom: 5,
                                right: 50
                            },
                            background: {
                                grid: {
                                    vlines: false
                                }
                            },
                            numyticks: 5,
                            numxticks: 0,
                            ylabels: {
                                count: 5
                            }
                        }
                    })
                }

		//obj.Set('background.color', 'gray'); // WORKS!!!!!!!

                // Add some data to the data arrays
                var len          = data.length;
                var lastvalue    = RG.isNull(data[len - 1]) ? 26 : data[len - 1];
                var random_value = RG.random(lastvalue  - 2,lastvalue  + 2);
               
               random_value = ma.max(random_value, 0);
               random_value = ma.min(random_value, 250);

                data.push(random_value);
                
                if (data.length > numvalues) {
                    data = RG.arrayShift(data);
                }
    
                if (RG.ISIE8) {
                    alert('[MSIE] Sorry, Internet Explorer 8 is not fast enough to support dynamic charts');
                } else {
                    obj.original_data[0] = data;
                    obj.draw();
                    setTimeout(drawGraph, 16.666);
                }

                updates++;
                if (updates % 100 === 0) {
                    console.log(updates);
                }
            }
        
            drawGraph();





            /**
            * Add the toggle buttons onclick function
            */
            document.getElementById("toggleButton").onclick = function (e)
            {
                if (obj.get('ymax')) {
                    obj.set('ymax', null)
                } else {
                    obj.set('ymax', 250)
                }
            }
            var error_occured = false;

            document.getElementById("toggleButton1").onclick = function (e) {
                if (error_occured)
                    obj.set('background.color', '#B6B6B4');
                else
                    obj.set('background.color', 'red');
                RGraph.redraw();
		RG.redraw();
                error_occured = !error_occured;
            }
        })
    </script>
...
Рейтинг: 0 / 0
29.01.2015, 12:44
    #38866542
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
Winnipuh, хм...
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
obj = new RG.Line({
    id: 'cvs',
    data: [],
    options: {
        background: {
            grid: {
                vlines: false
            }
        }
    }
});

То есть Вы думаете, что background - это свойство obj?
Но это объект и логично, что задавать его значения следует как-то так:
Код: javascript
1.
obj.set('background', { color: '#B6B6B4' });

или
Код: javascript
1.
obj.background.color = '#B6B6B4';
...
Рейтинг: 0 / 0
29.01.2015, 12:59
    #38866577
Winnipuh
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RGraph: Как изменить background цвет графика?
skyANAWinnipuh, хм...
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
obj = new RG.Line({
    id: 'cvs',
    data: [],
    options: {
        background: {
            grid: {
                vlines: false
            }
        }
    }
});

То есть Вы думаете, что background - это свойство obj?
Но это объект и логично, что задавать его значения следует как-то так:
Код: javascript
1.
obj.set('background', { color: '#B6B6B4' });

или
Код: javascript
1.
obj.background.color = '#B6B6B4';



не, там уже backround undefined, в отладчике нету такого.

Ну и в приведенном скрипте вызов внутри функции

Код: javascript
1.
obj.Set('background.color', 'gray'); // WORKS!!!!!!!



работает.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / RGraph: Как изменить background цвет графика? / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]