Форум: Как вывести разность значений точек на графике? - PHP-Fusion Russia

Регистрация

О нет! Где JavaScript?
У Вашего браузера отключен JavaScript или он просто не поддерживает JavaScript. Пожалуйста включите JavaScript на Вашем веб-браузере для нормального просмотра данного веб-сайта,
или обновите свой браузер на поддерживаемый JavaScript; Firefox, Safari, Opera, Chrome или Internet Explorer не ниже, чем версия 6.

Автор темы: Kanaletto
ID темы: 2083

Информация:

Тема содержит 2 сообщения, была просмотрена 2450 раз.

Просмотр темы

PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery

Как вывести разность значений точек на графике?
Kanaletto	#1 Опубликовано 15.02.2014 19:17
Начинающий Сообщений: 18 Зарегистрирован: 02.11.2013 17:17	Добрый вечер:) Хочу сделать график с помощью плагина flot и не получается сделать так, чтобы при наведении на точку происходил не просто вывод данного значения по оси Y, а производилось сравнение данного значения со значением предыдущей точки и в зависимости от результат выводились определенные данные. Вот код: Код $(document).ready(function(){ var all_data = [{ data: [ ["2013/09/01",11800], ["2013/09/03",13422], ["2013/09/04",14697], ["2013/09/06",14624] ], color: '#000'}]; var plot_conf = { series: { lines: { show: true, lineWidth: 2 }, points:{ show: true, radius: 5 } }, grid: { color: '#000', borderColor: 'transparent', borderWidth: 10, hoverable: true }, xaxis: { mode: "time", color: '#fff' }, yaxis: { color: '#fff' } }; for(var j = 0; j < all_data.length; ++j) { for(var i = 0; i < all_data[j].data.length; ++i) all_data[j].data[i][0] = Date.parse(all_data[j].data[i][0]); } function showTooltip(x, y, contents) { $('<div id="tooltip">' + contents + '</div>').css({ top: y - 16, left: x + 20 }).appendTo('body').fadeIn(); } var previousPoint = null; $('#graph').bind('plothover', function (event, pos, item) { if (item) { if (previousPoint != item.dataIndex) { previousPoint = item.dataIndex; $('#tooltip').remove(); var x = new Date(item.datapoint[0]), y = item.datapoint[1]; z = x.getMonth() + 1; showTooltip(item.pageX, item.pageY, 'Значение Y: ' + y + '<br> Дата: ' + x.getDate() + '.' + z + '.' + x.getFullYear()); } } else { $('#tooltip').remove(); previousPoint = null; } }); $.plot($("#graph"), all_data, plot_conf);


Polarfox	#2 Опубликовано 15.02.2014 19:27
Администратор Разработчики Группа поддержки Сообщений: 3377 Зарегистрирован: 20.08.2010 14:03	*Оффтопик* wow прямо завал по JS намечается o_0 Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Похожие темы

Темы	Форум	Ответов / Просмотров	Последние сообщения
Вывести описание альбома в панели →	Моды	2 / 711	20.03.2022 08:28
Как сделать микроразметку на сайте? →	PHP	1 / 2752	22.07.2021 06:39
Как вебмастеру сформулировали УТП для создания сайтов на PHP-Fusion? →	Пожелания и предложения	1 / 6526	25.07.2020 03:46
SEO-оптимизация. дубли страниц в PHP-Fusion - где искать и как избавиться? →	Ошибки, баги	0 / 4364	19.06.2020 17:06
Как вывести все данные из таблицы, за исключением администраторов →	Плагины	3 / 4631	24.02.2020 15:59
Как перейти с http на https →	Вопросы новичков	30 / 30132	24.10.2019 18:45
Как правильно сделать ЧПУ и переиндексировать сайт? →	Моды	4 / 9639	24.10.2019 17:38
Как перенести ресурс на другой домен →	Установка и настройка системы	5 / 3982	24.10.2019 14:01
Посоветуйте JS-слайдер чтобы фотки JPG сменялись как в GIF-анимации →	Плагины	2 / 6196	20.10.2019 13:34
Перешел на HttpS - Как теперь удалить Http?! →	Вопросы новичков	1 / 4554	18.06.2019 13:19

Топ 5 пользователей форума

Alex (1,265)

Zaxap (1,090)

Vova (877)

Pisatel (678)

util (666)

Copyright © 2010-2023 RUSFusion.ru
Powered by PHP-Fusion copyright © 2002-2023 by Nick Jones.
Released as free software without warranties under GNU Affero GPL v3.