хотите открыть форму для сохранения комментариев при нажатии на точку данных в диаграмме highstock

На самом деле я использую библиотеку Highstock и создаю график с линейной диаграммой (группировка данных) с использованием PHP и MySQL. Я использую формат JSON для построения диаграммы.

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

Структура данных моей таблицы имеет ID в качестве первичного ключа, Время (значение x), Очки (значение Y), Комментарии > (Хочет войти из формы диаграммы)

  1. ID: 1,2,3,4,5,6
  2. Время: 1345575960000, 1345576140000, 1345663860000, 1345690200000, 1345719780000, 1345741920000
  3. Очки: 1720, 2040, 2570, 1477, 978, 3007
  4. Комментарии: (Это я хочу обновить из формы диаграммы)

В этой структуре ID является первичным ключом. Поэтому я хочу сохранить комментарии на основе идентификатора. Я хочу сохранить комментарии, когда я нажимаю на точку данных в ча.

Не могли бы вы помочь мне решить мою проблему.


highcharts highstock
person Kabir    schedule 02.03.2013    source источник
comment
С какой частью у вас проблемы? Нажатие на точку в хайчартах или получение данных после нажатия?   -  person SteveP    schedule 02.03.2013

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете поймать щелчок точек, используя

series.dataevents.click

Например. http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click/

Попав в ловушку, вы могли бы отобразить диалоговое окно с вашей формой на нем? Форма может быть отправлена ​​обратно на ваш сервер, чтобы сохранить комментарии, а затем скрыться.

Создайте свои точки следующим образом:

{
  x: 1142812800000,
  Y: 55,
  id: 12345
}
person SteveP    schedule 02.03.2013
comment
Спасибо за ваш быстрый ответ! - person Kabir; 02.03.2013
comment
Используя это, я открою всплывающее окно с формой, но как я могу передать идентификатор для сохранения записей. - person Kabir; 02.03.2013
comment
Приведенный вами пример передает this.category и this.y, что является значением оси x и оси y. Как я могу передать id. - person Kabir; 02.03.2013
comment
Вы можете добавить к точке атрибут ID, наряду с x и y. Затем вы можете сослаться на this.id - person SteveP; 02.03.2013
comment
Я использую этот метод: jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/ На этой диаграмме используется формат JSON, подобный этому highcharts.com/samples/data/? Который имеет только значения X и Y, я пытался ввести третий столбец с идентификатором, но не смог получить идентификатор на диаграмме. - person Kabir; 02.03.2013
comment
Я создал свои точки следующим образом: {x:1345575960000,y:1316.81,id:4},{x:1345575960000,y:1261.18,id:5},{x:1345575960000,y:1316.81,id:6},{x:1345575960000,y:1306.7 ,id:7},{x:1345576020000,y:0,id:8},{x:1345576020000,y:0,id:9},{x:1345576020000,y:0,id:10}], но это не создает диаграмму. - person Kabir; 02.03.2013
comment
Y должен быть числом, а не строкой в ​​кавычках - person SteveP; 02.03.2013
comment
Я создаю этот JSON динамически и не добавляю эти цитаты. - person Kabir; 02.03.2013
comment
Как выглядели ваши данные раньше? - person SteveP; 02.03.2013
comment
IT was look like this [{1345575960000, 1281.41, 1}, {1345575960000, 1271.3, 2}, {1345575960000, 1296.58, 3}, {1345575960000, 1316.81, 4}, {1345575960000, 1261.18, 5}, {1345575960000, 131‌ ​6.81, 6}, {1345575960000, 1306.7, 7}, {1345576020000, 0, 8}, {1345576020000, 0, 9}, {1345576020000, 0, 10}] - person Kabir; 02.03.2013
comment
Никаких кавычек вокруг значений y нет. - person SteveP; 02.03.2013