Все, координаты Флота

Я новичок во Флоте. Я хочу отображать в своих проектах еженедельную статистику посетителей. Приходится шо посетителей месяца но еженедельно на флоте. например 1-я неделя 1-5 - 500 посетителей. 6-12 900 посетителей. и так далее. И я хочу показать координаты X как 1-5,6-12,13-19, .... Кто-нибудь может подсказать, что делать. Строго используйте Флот.


person Suman    schedule 30.06.2010    source источник
comment
Как далеко вы продвинулись и в чем конкретно вам нужна помощь? В какой форме у вас есть данные о посетителях - с разбивкой по дням, часам, необработанным временам посещений для каждого посещения и т. Д.?   -  person Rup    schedule 30.06.2010
comment
Фактически, любой диапазон, который я беру, будет извлечен из базы данных. в базе данных я беру sartDate и EndDate, а также поле visitorCount. если начальная дата - 1-6-10, а endDate - 5-6-10, подсчет будет производиться. Мне нужно просто получить startDate, endDate и visitrCount. и показать их на графике, но как 1-5 500 6-12 700 и т.д. то есть с 1-6-10 до 5-6-10 там 500 посетителей и так далее. Я пытаюсь показать координаты x как 1-5,6-12,13-19 .... Я включил файл jquery.js и файл jquery.flot.js. Надеюсь, ты понял, что я хочу сказать. Спасибо   -  person Suman    schedule 30.06.2010
comment
Я мог бы нарисовать график, используя координаты оси x как 0,5,10,15,20 ... но я хочу, чтобы это было 1-5,6-12,13-19 ....   -  person Suman    schedule 30.06.2010


Ответы (2)


Обратите внимание на tickFormatter:

В качестве альтернативы, для максимального контроля над тем, как выглядят тики, вы можете предоставить функцию "tickFormatter". В функцию передаются два параметра, значение тика и объект «ось» с информацией, и они должны возвращать строку.

Итак, вы ищете что-то вроде этого:

$.plot(placeholder, data, {
  //your options here
  xaxis: {
    tickFormatter: function(val,axis){
      return (val+1).toString()+'-'+(val+5).toString();
    }

  }

});
person Ryley    schedule 03.07.2010

Я думаю, вам просто нужна простая старая гистограмма, но вас вводит в заблуждение тот факт, что у вас есть некоторые данные, связанные с датой.

В данных, которые вы даете Flot для построения графика, используйте поддельные числа в качестве значений x, которые просто увеличивают целые числа. Таким образом, для 1-5 поставьте 0, для 6-12 положите 1 и так далее.

Затем, как говорит Райли, используйте средство форматирования меток, чтобы поместить метки на оси x, которые вы хотите.

См. Пример this.

person pfctdayelise    schedule 26.08.2010