Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery flot настройка Grid для графика / 7 сообщений из 7, страница 1 из 1
15.10.2014, 10:57
    #38777029
erkatrina
erkatrina
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
Здравствуйте! версия 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
| Ответить | Цитировать | Написать  
15.10.2014, 18:08
    #38777837
ivanra
ivanra
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
Используйте для этой оси свойство tickFormatter.
Например, чтобы вообще не выводить метки
Код: javascript
1.
2.
3.
tickFormatter: function (val, axis) {
	return '';
}},


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


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

Огромное спасибо!именно то , что нужно, все получилось! :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 15:12
    #38780109
erkatrina
erkatrina
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
обнаглею ... и еще вопрос в тему:
возможно ли выделить , например, другим цветом линейки грида , которые соответствуют выводимым значениям даты на временной оси. Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2014, 10:52
    #38782560
erkatrina
erkatrina
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
ну неужели никто не подскажет, господа....?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2014, 11:10
    #38782586
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
API
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2014, 16:05
    #38783125
ivanra
ivanra
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery flot настройка Grid для графика
я бы попробовал использовать 2 оси по X (xaxes вместо xaxis):
- 1 ось с шагом 1 час и без меток
- 2 ось с шагом 6 часов
вот пример
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery flot настройка Grid для графика / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 497ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446607]:
 0ms
get settings:
 10ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 171ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 2ms
others: 251ms
total:  497ms
x
x
Закрыть


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