VPF::jqGrid и jqPlot - Форум программистов

iPlay

Дата 7.1.2010, 19:02 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 177
Регистрация: 23.9.2007

Репутация: нет
Всего: 1

Народ вообщем вопрос такой, у меня данные записываются в базу через надстройку jqGrid, табличкой, хотелось бы по некоторым ячейкам таблички построить диаграмму. Для диаграмм использую jqPlot. Проблема в том что незнаю как передать в массив data, который требуется для jqPlot, фактически координаты, из jqGrid.

Код



//====================================Grid=============================================
var lastSel;
        jQuery("#list").jqGrid({
            url:'getdata.php',
            datatype: 'json',
            mtype: 'POST',
            colNames:['#', 'Surname', 'Name', 'Second Name'],
            colModel :[
                {name:'id', index:'id', width:30}
                ,{name:'surname', index:'surname', width:80, align:'center', editable:true, edittype:"text"}
                ,{name:'fname', index:'fname', width:90, align:'center', editable:true, edittype:"text"}
                ,{name:'lname', index:'lname', width:110, align:'center', editable:true, edittype:"text"}
                ],
            pager: jQuery('#pager'),
            rowNum:5,
            rowList:[5,10,30],
            sortname: 'id',
            sortorder: "asc",
            viewrecords: true,
            imgpath: 'themes/basic/images',
            caption: 'User Data',
            ondblClickRow: function(id) {
                if (id && id != lastSel) {
                    jQuery("#list").restoreRow(lastSel);
                    jQuery("#list").editRow(id, true);
                    lastSel = id;
                }
            },
            editurl: 'saverow.php'
        }); 
        //===================================Plot testing=======================================
        data = [ [25,1], [26,0], [27,1], [28,0], [29,0], [30,3], [31,3]];
            plot1 = $.jqplot('plot', [data], {
                axes: {
                    xaxis: {renderer: $.jqplot.CategoryAxisRenderer},
                    yaxis: {min:0, tickInterval: 1, tickOptions:{formatString:'%.1f'}}
                },
                grid: { borderWidth: 0.5 },
                seriesDefaults: {
                    color: '#F90',
                    renderer: $.jqplot.BarRenderer,
                    shadow: false
                }
            });

Тут для примера база с именами и фамилиями, но не суть.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »