Перейти к содержимому

Реферальная программа Мегаплана


Построение графиков средствами php

#11 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71
0

Отправлено 21 Июнь 2010 - 11:40

еще не пробовал, отпишусь, возможно будут вопросы
  • 0

#12 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 21 Июнь 2010 - 21:13

а помоги этот разобрать график:

s1 = [['23-May-08',1],['24-May-08',4],['25-May-08',2],['26-May-08',6]];


   plot1 = $.jqplot('test',[s1],{
	   title: 'График',
	   axes: {
		   xaxis: {
			   renderer: $.jqplot.DateAxisRenderer,
			   tickOptions: {
				   formatString: '%b %#d, %Y'
			   },
			   numberTicks: 4
		   },
		   yaxis: {
			   tickOptions: {
				   formatString: '$%.2f'
			   }
		   }
	   },
	   highlighter: {
		   sizeAdjust: 10,
		   tooltipLocation: 'n',
		   useAxesFormatters: false,
		   formatString: 'Hello %s dayglow %d'
	   },
	   cursor: {
		   show: true
	   }
   });

  • 0

#13 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0

Отправлено 22 Июнь 2010 - 08:21

JSON знать особо ума ненадо. =) Это же, по сути, массив данных, просто оформленный чуть по другому.
Если хочешь посмотреть, что у тебя за данные и в какой структуре - используй функцию json_decode(); к строке. Получишь массив, который можешь распечатать с помощью print_r(); или просто использовать в дальнейших вычислениях. Чтобы превратить обычный массив обратно в JSON - используй функцию json_encode();
  • 0

#14 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Июнь 2010 - 11:20

sc2r2bey,
Всё тоже самое:
s1 = [['23-May-08',1],['24-May-08',4],['25-May-08',2],['26-May-08',6]]; // создается массив данных [[X1,Y1], [X2,Y2], ... , [Xn,Yn]]

/* вызывем метод создания графика */
   plot1 = $.jqplot('test',[s1],{ // test - id элемента, куда вставляем график, [s1] - массив данных, обвернутый в ещё один массив, сделано так, потому что пакет позволяет рисовать несколько линий на одном графике.
	   title: 'График', // заголовок - title
	   axes: { // координатные оси
		   xaxis: { // ось X
			   renderer: $.jqplot.DateAxisRenderer, // cообщаем, что данные типа даты
			   tickOptions: {
				   formatString: '%b %#d, %Y' // формат вывода подписей по оси X
			   },
			   numberTicks: 4 // количество отметок(меток)
		   },
		   yaxis: { // ось Y
			   tickOptions: {
				   formatString: '$%.2f' // формат вывода подписей по оси Y
			   }
		   }
	   },
	   highlighter: {
		   sizeAdjust: 10, размер маркера(пунсона) при наведении
		   tooltipLocation: 'n', // расположение контекстного окна указателя (Как я понял - тут как у компаса С(n) - СВ(ne) - В(e) - ЮВ(se) - Ю(s) - ЮЗ(sw) - З(w) - СЗ(nw))
		   useAxesFormatters: false, // не использовать форматы отображения подписей осей для значений в контекстном окне указателя
		   formatString: 'Hello %s dayglow %d' // собственный формат для контекстного окна указателя
	   },
	   cursor: {
		   show: true // показывать курсор
	   }
   });
А вообще интересно почитать: jqPlot Options
  • 0

#15 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 29 Июнь 2010 - 00:47

а вообще что это такое и как это работает?

line1 = [14, 32, 41, 44, 40];
plot3 = $.jqplot('chart3', [line1], {
	title: 'Bar Chart with Point Labels', 
	seriesDefaults: {renderer: $.jqplot.BarRenderer},
	series:[
		{pointLabels:{
			labels:['fourteen', 'thirty two', 'fourty one', 'fourty four', 'fourty']
		}}],
	axes: {
		xaxis:{renderer:$.jqplot.CategoryAxisRenderer},
		yaxis:{padMax:1.3}}
});

  • 0

#16 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 02 Июль 2010 - 09:49

sc2r2bey, BarChart - это график в виде столбиков(гистограмма) - http://www.jqplot.co...ndererTests.php
line1 = [14, 32, 41, 44, 40]; // высота столбиков через запятую
//первые два параметра, 1) куда вставляем график(id элемента); 2) Данные для создания графика
plot3 = $.jqplot('chart3', [line1], { 
	title: 'Bar Chart with Point Labels', // заголовок
	seriesDefaults: {renderer: $.jqplot.BarRenderer}, // сообщаем, что график типа - гистограмма
	series:[
		{pointLabels:{
			labels:['fourteen', 'thirty two', 'fourty one', 'fourty four', 'fourty'] // Подписи точек(столбцов) (будут подписаны по оси X) (точно не знаю)
		}}],
	axes: {
		xaxis:{renderer:$.jqplot.CategoryAxisRenderer}, // сообщаем, что по оси X у нас выводятся категории
		yaxis:{padMax:1.3}} // Сообщаем, что максимальное значение по Y в 1.3 раза больше чем максимальный столбик (точно не знаю)
});

  • 0

#17 CashMagnat

CashMagnat
  • Пользователь
  • 24 сообщений
  • Репутация: 0

Отправлено 05 Август 2010 - 01:07

Графики это хорошо, но мне помог плагинчик под Jquery я генерировал данные на РНР а сама отрисовка была на клиенте.
быстро и красивей
  • 0

#18 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 05 Август 2010 - 11:30

очень информативно :)
  • 0

#19 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0

Отправлено 06 Август 2010 - 03:22

Графики это хорошо, но мне помог плагинчик под Jquery я генерировал данные на РНР а сама отрисовка была на клиенте.
быстро и красивей

А если бы ты внимательно прочитал тему. а не начинал сразу строчить, то ты бы понял, что все это уже предложили. :)
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru