ต้องการเปิดแบบฟอร์มเพื่อบันทึกความคิดเห็นเมื่อคลิกจุดข้อมูลในแผนภูมิ highstock

จริงๆ แล้วฉันกำลังใช้ไลบรารี Highstock และฉันกำลังสร้างกราฟด้วยแผนภูมิเส้น (การจัดกลุ่มข้อมูล) โดยใช้ PHP และ MySQL ฉันใช้รูปแบบ JSON เพื่อลงจุดแผนภูมิ

ฉันสามารถพล็อตกราฟด้วยฐานข้อมูลของฉันได้ ตอนนี้ฉันต้องการเปิดแบบฟอร์มป๊อปอัปเมื่อคลิกจุดข้อมูลใดๆ ที่มี ID (คีย์หลักในฐานข้อมูล) ของบันทึกนั้น และต้องการบันทึกความคิดเห็นในฐานข้อมูล

โครงสร้างข้อมูลตารางของฉันมี 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
โดยใช้สิ่งนี้ ฉันจะเปิดป๊อปอัปด้วยแบบฟอร์ม แต่ฉันจะส่ง ID เพื่อบันทึกบันทึกได้อย่างไร - 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 ฉันพยายามป้อนคอลัมน์ที่สามด้วย ID แต่ไม่สามารถดึง ID บนแผนภูมิได้ - person Kabir; 02.03.2013
comment
ฉันได้สร้างคะแนนของฉันเช่นนี้ [{x:1345575960000,y:1281.41,id:1},{x:1345575960000,y:1271.3,id:2},{x:1345575960000,y:1296.58,id:3}, {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
มันมีลักษณะเช่นนี้ [{1345575960000, 1281.41, 1}, {1345575960000, 1271.3, 2}, {1345575960000, 1296.58, 3}, {1345575960000, 1316.81, 4}, {1345 575960000, 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