powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery flot настройка Grid для графика
7 сообщений из 7, страница 1 из 1
JQuery flot настройка Grid для графика
    #38777029
erkatrina
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Здравствуйте! версия flot 0.7, версия jQuery 1.6.4
Подскажите как настроить Grid так, что бы на временной оси шаг шкалы был 1 час (т.е. tickSize:[1,'hour']), а значения шагов на шкале указывались, например, через 6 часов. Что бы избежать наползания значений отрезков временной оси. Спасибо!

Вот свойства тренда:
Код: 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.
var trendOptions = new Object({
							grid: {
								borderColor: '#929292',
								hoverable:true,
								clickable:true
							},
							series: {
								hoverable: true,
								shadowSize: 4, 
								lines: { 
									show: true
								}
							},
							xaxis: {
								mode: 'time',
								minTickSize:[1,'hour'],
								timeformat: "%d %b %y %H:%M",
								monthNames:dateFormat.i18n.monthNamesRus,
								ticks:Math.round((viewWidth-140)/100),
                                                                tickSize:[1,'hour']
							},
							yaxis: { 
								ticks: Math.round((viewHeight-250)/20),
								show: true
							},
							crosshair: { 
								mode: "x" 
							},
							selection: { 
								 mode: "xy" 
							}
						});
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38777837
ivanra
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Используйте для этой оси свойство tickFormatter.
Например, чтобы вообще не выводить метки
Код: javascript
1.
2.
3.
tickFormatter: function (val, axis) {
	return '';
}},


Функция вызывается для каждого тика. Поскольку у вас это будет 1 час, то можно просто завести счетчик и при наборе 6 формировать непустую метку и сбрасывать его в 0
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38778250
erkatrina
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ivanraИспользуйте для этой оси свойство tickFormatter.
Например, чтобы вообще не выводить метки
Код: javascript
1.
2.
3.
tickFormatter: function (val, axis) {
	return '';
}},


Функция вызывается для каждого тика. Поскольку у вас это будет 1 час, то можно просто завести счетчик и при наборе 6 формировать непустую метку и сбрасывать его в 0

Огромное спасибо!именно то , что нужно, все получилось! :)
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38780109
erkatrina
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
обнаглею ... и еще вопрос в тему:
возможно ли выделить , например, другим цветом линейки грида , которые соответствуют выводимым значениям даты на временной оси. Спасибо!
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38782560
erkatrina
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну неужели никто не подскажет, господа....?
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38782586
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
JQuery flot настройка Grid для графика
    #38783125
ivanra
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
я бы попробовал использовать 2 оси по X (xaxes вместо xaxis):
- 1 ось с шагом 1 час и без меток
- 2 ось с шагом 6 часов
вот пример
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery flot настройка Grid для графика
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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