Забыли пароль?
Запросите новый здесь.

Автор темы: Kanaletto
ID темы: 2083
Информация:
Тема содержит 2 сообщения, была просмотрена 2374 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery
 Распечатать тему
Как вывести разность значений точек на графике?
Kanaletto
Добрый вечер:)
Хочу сделать график с помощью плагина 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
Оффтопик wow прямо завал по JS намечается o_0

Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Как сделать микроразметку на сайте?  →  PHP 1 / 369 22.07.2021 06:39
Как вебмастеру сформулировали УТП для создания сайтов на PHP-Fusion?  →  Пожелания и предложения 1 / 3444 25.07.2020 03:46
SEO-оптимизация. дубли страниц в PHP-Fusion - где искать и как избавиться?  →  Ошибки, баги 0 / 1790 19.06.2020 17:06
Как вывести все данные из таблицы, за исключением администраторов  →  Плагины 3 / 2225 24.02.2020 15:59
Как перейти с http на https  →  Вопросы новичков 30 / 25734 24.10.2019 18:45
Как правильно сделать ЧПУ и переиндексировать сайт?  →  Моды 4 / 7016 24.10.2019 17:38
Как перенести ресурс на другой домен  →  Установка и настройка системы 5 / 1454 24.10.2019 14:01
Посоветуйте JS-слайдер чтобы фотки JPG сменялись как в GIF-анимации  →  Плагины 2 / 4291 20.10.2019 13:34
Перешел на HttpS - Как теперь удалить Http?!  →  Вопросы новичков 1 / 2621 18.06.2019 13:19
как правильно сделать phpmailer на utf-8?  →  Ошибки, баги 5 / 2451 09.06.2019 14:15
Топ 5 пользователей форума
Alex Alex (1,246)   Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)