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

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

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

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

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

этого
http://www.rgraph.net/demos/line-dynamic-updates.html
...
Рейтинг: 0 / 0
RGraph: Как изменить background цвет графика?
    #38866020
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Winnipuh,
полученные данные от ajax куда-то же забрасываешь.. но без кода конечно сказать сложно
...
Рейтинг: 0 / 0
RGraph: Как изменить background цвет графика?
    #38866061
Winnipuh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
RGraph: Как изменить background цвет графика?
    #38866064
Winnipuh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да, мне ответил автор rgraph Richard Heyes, предложил добавить вызов перерисовки.
Но я ему привел код функции, который здесь выше, и который не срабатывает и он затихарился


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

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

http://rghost.net/6qZm2jCBS

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

устанавливает проперти - имя->значениепроперти чего? Вы уверены в правильности написания его имени?
...
Рейтинг: 0 / 0
RGraph: Как изменить background цвет графика?
    #38866327
Winnipuh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
RGraph: Как изменить background цвет графика?
    #38866542
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
RGraph: Как изменить background цвет графика?
    #38866577
Winnipuh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / RGraph: Как изменить background цвет графика?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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