รถลาก Js เฉลี่ยเคลื่อนที่

AI m ใช้ Highstock charting library สำหรับโครงการการเงินของฉันอย่างไรก็ตามฉันได้รับจมลงในเรื่องประสิทธิภาพการทำงานของฉัน Highstock มี i 5 กราฟในแผนภูมิ ii หลายบรรทัดและประเภทสายในป้ายกราฟ iii นำไปใช้กับจุด บนกราฟข้อมูลใหม่ iv ถึงประมาณหนึ่งครั้งต่อวินาทีเพิ่มจุดและ animating กราฟซ้าย แต่มีปัญหาสำคัญบางฉัน m ทำงานกับ setup. Rendering นี้ช้ามากนี่คือปัญหาประสิทธิภาพเนื่องจากจำนวนและ จำนวนครั้งของกราฟที่ถูกวาดสามารถปรับการควบคุมช่วงเวลาที่ด้านล่างปัญหาประสิทธิภาพการทำงานเนื่องจากการควบคุม freezing. I สามารถเพิ่มจุด, animating กราฟซ้าย แต่ฉันสามารถ t เพิ่มธงกับจุดข้อมูลใหม่ที่ดู SO นี้ ปัญหาไม่ได้ดูวิธีง่ายๆในการแก้ไขปัญหา Highstock เหล่านี้เป็นไลบรารีที่ยอดเยี่ยม แต่ฉันกำลังมองหา Google Charts API เพื่อดูว่าสามารถตอบสนองความต้องการเหล่านี้ได้หรือไม่ประสิทธิภาพของ Google Charts API สูงกว่า Highstock ที่ให้การโต้ตอบทั้งหมด ด้านล่างหลายแผนภูมิในหนึ่งหน้าหลายแผนภูมิทับซ้อนกันใน 1 view. Charts สำหรับ Line ช่วงพื้นที่ Histogram เส้นเกณฑ์เห็นเส้นสีแดงสีแดง abouve. Easily เพิ่มธงไปยังจุดในชุดเวลาของฉันได้อย่างง่ายดายเพิ่มจุดของฉัน เวลา line line series. Easily เพิ่มธงจุดพร้อมกันกับเส้นกราฟเส้นเวลาของฉัน series. D มีคนผ่านสิ่งที่คล้ายกันมีวิธีอื่น ๆ เพื่อปรับปรุงประสิทธิภาพ highstock ของฉัน Google Charts doa งานที่ดีกว่า here. Ps invocation highcharts ของฉันดูเหมือนว่านี้ Clojurescript code. In ประสบการณ์ของฉันห้องสมุด charting Google ดำเนินการได้ดีกว่า Highcharts แต่ถ้าไม่มีมาร์กอัปเพิ่มเติมหรือสำเนาข้อมูลการกำหนดค่าของคุณจะเป็นการยากที่จะแยกแยะปัญหาเฉพาะที่อาจส่งผลต่อประสิทธิภาพการทำงานช้าขอแนะนำ NVD3 chart chart ด้วยเครื่องมือค้นหามุมมอง ถ้าแผนภูมิหุ้นของคุณอยู่หลังหรือแผนภูมิใด ๆ จริงๆอาจมีประสิทธิภาพมากที่สุดไลบรารีแผนภูมิออกมี d3.There เป็นห้องสมุดสหายซึ่งยกระดับ d3 เรียกว่า nvd3 ซึ่งมีชุด กราฟที่ใช้ซ้ำได้คุณอาจต้องการดูแผนภูมิเส้นของตัวเองด้วยเครื่องมือค้นหามุมมองไม่เป็นไรว่าคุณมีสิ่งที่คุณมีอยู่ในปัจจุบัน แต่จากประสบการณ์ของผมประสิทธิภาพการทำงานจะดีกว่า แต่ถ้าคุณรู้จัก JS d3 เป็นเรื่องง่ายกว่าที่จะปรับแต่งได้ ภายใต้ประทุนและไม่เพียง แต่ cosmetically บวกมีคนมากขึ้นออกมีประสบการณ์และยินดีที่จะช่วยตอบ 11 เมษายน 14 ที่ 13 48.We ใช้โหนดสำหรับการรายงาน แต่ไม่เป็นส่วนหนึ่งของการสร้างระบบการซื้อขายหลักของเรา ซื่อสัตย์คำตอบเกือบจะแน่นอนสำหรับทุกเทคโนโลยีการเขียนโปรแกรมทั่วไปเพราะใช้เวลาเพียงคนเดียวที่จะใช้มันบางเพื่อให้คำตอบ yes. Just ดู OCaml ก่อนถนน Jane, techniesto ที่สุด logiest บนถนนไม่เคยได้ยินของมัน และตอนนี้เป็นที่รู้จักกันเป็นอย่างดีน่าจะเป็นคำตอบบัญญัติสำหรับคำถามประเภทนี้ควรเป็นหนึ่งนี้ RETA โดยทั่วไปฉันหาชนิดของคำถามเหล่านี้หนักใจหนักสำหรับเว็บไซต์นี้ด้วยเหตุผลสองประการสำหรับภาษาโปรแกรมใด ๆ ที่กำหนดหรือสแต็คถ้าคุณsk คือใครก็ตามที่ใช้คำนี้เพื่อซื้อขายคำตอบส่วนใหญ่จะเป็น yes. There ไม่มีผลลัพธ์ที่แท้จริงหรือเรียกร้องให้ดำเนินการจากคำถามถ้ามีคนตอบว่าใช่ดังนั้นจะเกิดอะไรขึ้นถ้ามีคนตอบไม่ดังนั้นสิ่งที่เป็นคำตอบบัญญัติสำหรับคำถามแบบนี้ หรือวางวิธีอื่นคำตอบจะทำให้ผู้โพสต์มีความสุขที่นี่ตอบ 11 มิ.ย. 14 เวลา 14 52. โพสต์ต่อไปนี้เป็นส่วนหนึ่งของ D3 เคล็ดลับและเอกสาร Tricks ซึ่งสามารถดาวน์โหลดได้ฟรีหากต้องการใช้โพสต์นี้ในบริบทพิจารณา มันกับคนอื่น ๆ ในบล็อกหรือเพียงดาวน์โหลด pdf และหรือตัวอย่างจากการดาวน์โหลด page. Tooltips มี duality มหัศจรรย์พวกเขาอยู่ในมือข้างหนึ่งสิ่งที่เป็นประโยชน์สวยงุนงงที่ช่วยในการให้บริบทและข้อมูลที่จำเป็นและในมืออื่น ๆ ถ้าทำกับการดูแลเล็กน้อยพวกเขาสามารถดูทันสมัยมากเทคนิคพวกเขาเป็นตัวแทนย้ายเล็กน้อยจากสิ่งที่เราได้รับการเล่นกับจนถึงเป็นเวทีที่ซับซ้อนอย่างอ่อนโยนของการเปลี่ยนและเหตุการณ์คุณสามารถใช้เวลานี้หนึ่งในสองวิธีทั้ง ยอมรับว่ามันเป็นเพียงแค่ ทำงานและใช้มันเป็นที่แสดงหรือคุณจะรู้ว่าสิ่งที่เกิดขึ้นและรู้สึกฟรีที่จะเย้ยหยันความพยายามของฉันเป็นผู้จัดอันดับ amateur. The แหล่งที่มาสำหรับการดำเนินการถูกนำมาจากตัวอย่างไมค์ Bostock นี่รวมกับบิตอื่น ๆ ไม่กี่ s และชิ้น trickiest กำลังทำงานออกวิธีการจัดรูปแบบวันที่แสดงอย่างถูกต้องและแทรกเส้นแบ่งในคำแนะนำเครื่องมือที่ฉันพบที่นี่ทำดีกับทุกคนที่เข้าร่วมในการสนทนาที่ฉันทำสมมติฐานว่าข้อผิดพลาดหรือทั้งหมดที่เกิดขึ้นในการใช้งาน จะเป็นของฉันในขณะที่ความสำเร็จใด ๆ จะลงไปยังผู้ให้ข้อมูลเดิมดังนั้นในกรณีที่มีความสับสนบางอย่างคำแนะนำเครื่องมือหนึ่งหรือสองคำเป็นข้อมูลที่ไม่ต่อเนื่องซึ่งจะปรากฏขึ้นเมื่อเมาส์เลื่อนไป มากกว่าบางแห่งที่เฉพาะเจาะจงมากที่สุดของเราได้เห็นและใช้พวกเขา แต่ฉันคิดว่าเราทุกคนมีแนวโน้มที่จะเรียกพวกเขาสิ่งที่แตกต่างกันเช่น infotip คำใบ้หรือกล่องโฮเวอร์ฉัน don t ทราบว่ามีชื่อที่เหมาะสมสำหรับพวกเขา แต่นี่เป็นตัวอย่างของสิ่งที่ เรา อีกครั้งพยายามที่จะบรรลุคุณสามารถเห็นเมาส์ได้ hovered มากกว่าหนึ่งในวงการกระจายกระจายและปลายมีปรากฏว่าให้ผู้ใช้ที่มีวันที่แน่นอนและค่าสำหรับจุดที่ตอนนี้คุณอาจสังเกตเห็นว่ามีบางระดับของ แฟนซีที่นี่เป็นข้อมูลที่ถูกผูกไว้โดยรูปสี่เหลี่ยมผืนผ้าเล็กน้อยมุมโค้งมนและความทึบเล็กน้อยส่วนอื่น ๆ ของแฟนซีที่คุณ don t เห็นใน pdf คือเมื่อเคล็ดลับเครื่องมือเหล่านี้ปรากฏขึ้นและหายไปพวกเขาทำในสง่างามสง่างามใน , จางหายไปวิธี Purty ตอนนี้ก่อนที่เราจะเริ่มต้นอธิบายว่ารหัสไปร่วมกันให้ดูที่รวดเร็วทั้งสองเทคนิคเฉพาะที่ฉันกล่าวก่อนหน้าการเปลี่ยนและ events. From การเปลี่ยนหน้าเว็บหลักจะอธิบายเป็นค่อยๆ interpolating ลักษณะและคุณลักษณะในช่วงเวลาดังนั้นสิ่งที่ฉันใช้เวลาที่จะหมายถึงคือว่าถ้าคุณต้องการเปลี่ยนวัตถุคุณสามารถทำเช่นนั้นได้เพียงระบุจุดปลายแอตทริบิวต์สไตล์ที่คุณต้องการให้จบลงด้วยและเวลาที่คุณต้องการให้ ใช้และไปแน่นอนฉัน ไม่มากทีเดียว แต่โชคดีคนฉลาดกว่าที่ฉันได้ทำผลงานที่น่าอัศจรรย์บางอย่างอธิบายด้านต่างๆของการเปลี่ยนดังนั้นโปรดดูที่ต่อไปนี้เพื่อดูคำอธิบายที่สมบูรณ์มากขึ้นของหัวข้อหวังว่าการสังเกต mouseover และ mouseout transition ในตัวอย่าง tooltips จะแปรไป ความอยากอาหารของคุณสำหรับ more. The เทคนิคอื่น ๆ ที่เกี่ยวข้องกับเหตุการณ์เมาส์นี้อธิบายถึงเบราว์เซอร์ที่เฝ้าดูเมื่อสิ่งที่เกิดขึ้นกับเมาส์บนหน้าจอและเมื่อมันไม่ใช้การกระทำที่ระบุอาจไม่ครอบคลุมรายการของประเภทของเหตุการณ์ following. mousedown เรียกโดยองค์ประกอบเมื่อกดปุ่มเมาส์เหนือ it. mouseup ทริกเกอร์โดยองค์ประกอบเมื่อมีการปล่อยปุ่มเมาส์ออกเหนือ it. mouseover เรียกโดยองค์ประกอบเมื่อเมาส์มาเหนือ it. mouseout เรียกใช้โดยองค์ประกอบเมื่อ เมาส์เลื่อนออกไปจาก it. mousemove เรียกใช้โดยองค์ประกอบบนเมาส์ทุกครั้งที่ย้ายผ่าน it. click เรียกใช้โดยการคลิกเมาส์เมาส์แล้ววางเมาส์ไว้เหนือ element. c ontextmenu เรียกใช้โดยการคลิกเมาส์ปุ่มขวาบน element. dblclick เรียกใช้โดยการคลิกสองครั้งภายในระยะเวลาสั้น ๆ เหนือ element. How หลายเหล่านี้ถูกต้องใช้ภายใน d3 ฉัน m ไม่แน่ใจ แต่ฉัน m ยินดีที่จะเดิมพันว่ามี อาจเป็นมากกว่าที่นี่เช่นกันโปรดไปที่สำหรับคำอธิบายที่ดีขึ้นของหัวข้อถ้าจำเป็นต้องให้ทิปดังนั้นให้หนุนด้วยสองแนวคิดใหม่ที่จะต้องพิจารณาให้ดูว่าพวกเขามีการตราไว้ในการปฏิบัติถ้าเราเริ่มต้นด้วย กราฟแผนผังการกระจายแบบง่ายของเรามีอยู่ 4 ส่วนที่เราต้องการจะปรับเปลี่ยนได้ง่ายกว่าการตรวจสอบไฟล์ในไฟล์ตัวอย่างในส่วนของ downloads ในส่วนแรกคือ CSS ควรใส่รหัสต่อไปนี้ไว้ก่อน สไตล์แท็กสไตล์เหล่านี้กำลังกำหนดคำแนะนำเครื่องมือของคุณจะปรากฏขึ้นส่วนใหญ่จะเป็นแบบตรงไปตรงมาตำแหน่งของคำแนะนำเครื่องมือจะทำในการวัดสัมบูรณ์ไม่ใช่ญาติข้อความอยู่ตรงกลางความสูงความกว้างและสีของสี่เหลี่ยมผืนผ้าคือ 28px , 60px และ lightsteelblue res plectively padding เป็นคุณลักษณะที่น่าสนใจที่ให้วิธีเรียบร้อยในการเติบโตรูปร่างโดยจำนวนคงที่จาก size. We กำหนด boarder เพื่อ 0px เพื่อที่ doesn t ปรากฏขึ้นและคุณลักษณะสไตล์เรียบร้อยเรียกว่าขอบรัศมีให้ดี มุมโค้งมนของรูปสี่เหลี่ยมผืนผ้า แต่อย่างน้อยที่สุดก็คือตัวชี้ไม่มีเหตุการณ์อยู่ในตำแหน่งเพื่อสั่งให้เหตุการณ์เมาส์ผ่านองค์ประกอบและกำหนดเป้าหมายสิ่งที่อยู่ใต้องค์ประกอบนั้นแทนอ่านต่อที่นี่ซึ่งหมายความว่าแม้ว่า เคล็ดลับเครื่องมือลวงส่วนหนึ่งวงกลมรหัสจะ stll ทำหน้าที่เป็นถ้าเมาส์มีมากกว่าวงกลมนอกจากนี้ที่สองคือง่ายหนึ่งซับที่ควรสำหรับรูปแบบ sake จะอยู่ภายใต้ parseData ประกาศตัวแปรรูปแบบบรรทัดนี้วันที่เมื่อ ปรากฏในคำแนะนำของเราโดยไม่ได้เป็นเวลาที่จะเริ่มต้นในการรวมกันยาว disturbingly ของรายละเอียดชั่วคราวในกรณีที่นี่เราได้ประกาศว่าเราต้องการที่จะเห็นวันของเดือนและ e ชื่อเดือนเต็ม B บล็อกที่สามของรหัสฉัน s ประกาศฟังก์ชันสำหรับ div. We สามารถวางที่หลังการกำหนดค่า valueline ใน JavaScript อีกครั้งมีไม่มากเกินไปที่นี่ที่น่าแปลกใจเราบอกให้แนบ div กับองค์ประกอบของร่างกายเราตั้งค่าชั้นเรียนให้กับคำแนะนำเครื่องมือจาก CSS และเราตั้งค่าความทึบเป็นศูนย์มันอาจฟังดูแปลก ๆ ที่มีความทึบตั้งค่าเป็นศูนย์ แต่จำไว้ว่าสภาพธรรมชาติของคำแนะนำเครื่องมือจะมีชีวิตอยู่เร้นลับจนกว่าจะถึงเวลาแห่งการเปิดเผยมาถึงและจะปรากฏขึ้นบล็อกสุดท้าย ของโค้ดมีความซับซ้อนกว่าเล็กน้อยและอาจอธิบายได้ว่าเป็นโค้ดที่กลายพันธุ์ของโค้ดเล็กน้อยที่เราใช้ในการวาดภาพของจุดสำหรับพล็อตกระจายซึ่งเป็นเพราะคำแนะนำเครื่องมือทั้งหมดเกี่ยวกับวงกลมที่กระจายโดยไม่มีวงกลม เพื่อวางเมาส์ไว้เคล็ดลับเครื่องมือไม่ปรากฏขึ้นดังนั้นที่นี่มีโค้ดที่มีการกระจายพล็อตการวาดภาพที่ถูกรวมไว้นับตั้งแต่มีความสำคัญมากก่อนที่เราจะเริ่มต้นประมวลผลโค้ดตัวอย่างไฟล์สำหรับคำแนะนำเครื่องมือที่มีชุดคำย่อสั้น ๆ แสดงความคิดเห็น สำหรับบรรทัดที่มีการเพิ่มหรือเปลี่ยนแปลงจากพล็อตกระจายดังนั้นถ้าคุณต้องการเปรียบเทียบสิ่งที่เกิดขึ้นในบริบทที่เป็นตัวเลือกหกบรรทัดแรกของรหัสคือการทำซ้ำของการกระจายสคริปต์การวาดภาพการเปลี่ยนแปลงเท่านั้น เป็นที่เราได้เพิ่มรัศมีของวงกลมจาก 3 5 ถึง 5 เพียงเพื่อให้ง่ายต่อการเลื่อนเมาส์ไปวัตถุและเราได้ลบเครื่องหมายอัฒภาคจากสายแอตทริบิวต์ cy เนื่องจากรหัสตอนนี้มีการดำเนินการในดังนั้นเพิ่มขึ้นจะหัก เข้าไปในพื้นที่ที่ตรงกับ mouseover และ mouseout ทั้งสองเหตุการณ์เมื่อเมาส์เคลื่อนผ่านวงกลมใด ๆ ในพล็อต scatter รหัส mouseover จะถูกดำเนินการบน element div เมื่อเมาส์ถูกย้ายออกจากวงกลมคำสั่งชุดอื่นจะถูกเรียกใช้งาน มันจะผิดพลาดที่จะคิดถึงคำแนะนำเครื่องมือในพหูพจน์เนื่องจากมีชุดคำสั่งสอนแต่ละชุดที่รอให้ปรากฏเฉพาะในแวดวงเฉพาะของพวกเขามีเพียงคำแนะนำเดียวที่จะปรากฏขึ้นเมื่อเมาส์เคลื่อนที่ผ่านวงกลมและขึ้นอยู่กับ w วงกลมหมวกมันเกินคุณสมบัติของคำแนะนำเครื่องมือจะเปลี่ยนแปลงเล็กน้อยในแง่ของตำแหน่งและเนื้อหาของมันในบรรทัด mouseover เริ่มต้นการแนะนำของคำแนะนำเครื่องมือแล้วเราประกาศองค์ประกอบที่เราจะแนะนำ div และที่เราจะใช้การเปลี่ยนแปลง การเปลี่ยนการแนะนำช่วงถัดไปจะอธิบายถึงช่วงการเปลี่ยนภาพซึ่งจะใช้ระยะเวลา 200 มิลลิวินาที 200 และจะส่งผลให้เกิดการเปลี่ยนความทึบขององค์ประกอบเป็นความโปร่งแสงของสไตล์ 9 เนื่องจากสภาพธรรมชาติของทิปเครื่องมือของเรามีความทึบแสงเป็น 0 สิ่งที่ปรากฏ แต่ไม่ได้ไปตลอดทางจนถึงวัตถุที่เป็นของแข็งและคงความโปร่งใสเพียงเล็กน้อยเพื่อให้ดูน้อยลงถาวรบรรทัดต่อไปนี้เป็นบรรทัดฐานของคำแนะนำคำแนะนำของเราบรรทัดแรกจะเพิ่มองค์ประกอบ HTML ที่มีข้อมูล x และ y ของเรา วันที่และค่าตอนนี้จะกระทำในทางแปลกเล็กน้อยเคล็ดลับเครื่องมืออื่น ๆ ที่ฉันได้เห็นได้ใช้องค์ประกอบแทนหนึ่ง แต่ฉันได้ใช้ในกรณีนี้เพราะฉันต้องการรวม บรรทัดแบ่งแท็ก br เพื่อแยกวันที่และค่าฉัน m แน่ใจว่ามีวิธีอื่น ๆ ที่จะทำ แต่งานนี้ฉันส่วนที่น่าสนใจอื่น ๆ ของบรรทัดนี้คือที่นี่เราเรียกฟังก์ชันการจัดรูปแบบเวลาของเราที่เราอธิบายไว้ก่อนหน้านี้ถัดไป สองบรรทัดตำแหน่งคำแนะนำเครื่องมือบนหน้าจอและการทำเช่นนี้พวกเขาคว้า x และ y พิกัดของเมาส์เมื่อเหตุการณ์เกิดขึ้นกับตัวอย่างและใช้และแก้ไขในกรณีของการประสานงาน y เพื่อเพิ่มคำแนะนำเครื่องมือขึ้นโดยเดียวกัน จำนวนเป็นความสูง 28 pixels. The ในส่วน mouseout เป็นเล็กน้อยง่ายในการที่ doesn t ต้องทำข้อความใด ๆ แฟนซี html ประสานงานสิ่งที่ต้องทำคือการจางหายออกองค์ประกอบ div และที่ทำโดยเพียงแค่ย้อนกลับความทึบกลับ เป็น 0 และการตั้งค่าระยะเวลาสำหรับการเปลี่ยนไปเป็น 500 มิลลิวินาทีเป็นเวลานานกว่าการจางหายไปเล็กน้อยทำให้ดูเย็นลงเล็กน้อย IMHO. Right มีคุณไปเป็นคำอธิบายมันจบลงด้วยการเป็นบิตของผนังของข้อความที่ฉันกลัว แต่หวังว่าระหว่าง e xplanation และรหัสตัวอย่างที่คุณจะได้รับความคิดโปรดใช้เวลาในการบรรเลงกับการตั้งค่าที่อธิบายไว้ที่นี่เพื่อหาคนที่ทำงานให้กับคุณและในกระบวนการที่คุณจะเสริมสร้างบางส่วนของหลักการที่ช่วย D3 ทำสิ่งที่ s ฉัน ve วางสำเนาของไฟล์สำหรับการวาดคำแนะนำเครื่องมือลงในส่วนของการดาวน์โหลดโดยใช้ตัวอย่างทั่วไปเช่น. แก้ไข 2014-05-02 หลังจากคำถามที่น่าสนใจด้านล่างนี้ฉันได้เพิ่มโพสต์ใหม่รวมทั้งลิงก์ HTML ในเคล็ดลับเครื่องมือและอาจเป็น พบ here. The คำอธิบายข้างต้นและกองของสิ่งอื่น ๆ อยู่ใน D3 เคล็ดลับและเอกสาร Tricks ที่สามารถเข้าถึงได้จากการดาวน์โหลดหน้า of. Followed ตัวอย่างของคุณตั้งแต่ต้นจนจบและพบว่าพวกเขามีประโยชน์จริงๆเป็นสามเณรสมบูรณ์ที่ D3 ฉันมา เป็นเวลานานในช่วงสองวันที่ผ่านมาและเริ่มทำงานกับข้อมูลของฉันขณะนี้ฉันกำลังแสดงเส้นสองเส้นบนกราฟที่แสดงอย่างถูกต้องและกำลังมองหาการตั้งค่าการเปลี่ยนแปลงซึ่งจะช่วยให้แต่ละบรรทัดมีการคลิกปุ่มตัวอย่างใด ๆ ของ วิธีนี้จะ work. appreciate คุณความพยายามในการรับทั้งหมดนี้สิ่งที่ line. Great Justin ดีที่จะได้ยินว่าข้อมูลที่เป็นประโยชน์ I don t มีตัวอย่างรหัสพื้นฐานที่คุณสามารถปฏิบัติตาม แต่ถ้ามันปลอบใจใด ๆ ก็ s เมื่อฉันยาวและได้รับรายการยาวของสิ่งที่จะเพิ่มเคล็ดลับและเทคนิคการใช้ไมค์ Dewar มีตัวอย่างที่ดีจริงๆในหนังสือของเขาเริ่มต้นกับ D3 ที่ใช้หลายบรรทัดและคุณสลับตำนานที่จะเปลี่ยนพวกเขาในและนอก แต่สำหรับเงินของฉัน ฉันจะเริ่มต้นด้วยการโพสต์ที่ดีเยี่ยมโดย Jerome Cukier ในการเปลี่ยนที่นี่หนึ่งในตัวอย่างของเขาดูเหมือนว่าสิ่งที่คุณอธิบายและฉันจะใช้เวลาดูยากยาวที่มันเมื่อมันถึงเวลาที่จะเพิ่มไปยังคู่มือเมื่อคุณได้รับมันเรียง, ถ้าคุณคิดว่ามันจะเป็นประโยชน์นอกเหนือจากเคล็ดลับและเทคนิคคู่มือผมจะกระตือรือร้นที่จะเพิ่มในถ้าคุณยินดีที่จะปล่อยรหัส - ขอบคุณสำหรับการอ่านคำตอบคือใช่เพื่อนของฉันเศร้าพยายามที่จะใส่รหัส เป็นความคิดเห็นที่นี่ confuses บล็อกและ พยายามเชื่อมโยงไปยัง URL แทนการแสดง - แต่เพียงเพิ่มลิงก์ตัวอย่างต่อหน้า w3schools ด้านบนไปยังบรรทัดที่เพิ่มข้อความสำหรับการเชื่อมโยงหลายมิติของคุณสิ่งที่เป็นประโยชน์เพียงอย่างเดียวที่ฉันต้องทำคือใส่ลิงก์ที่มีแท็ก เครื่องหมายคำพูดเดียวแทนเครื่องหมายคำพูดสองครั้งเนื่องจาก URL ที่จำเป็นในการเป็นเครื่องหมายคำพูดสองครั้งปัญหาจริงเพียงอย่างเดียวแล้วว่าเพื่อให้สามารถเข้าถึงได้คุณจำเป็นต้องเลื่อนเมาส์เพื่อให้ห่างไกลที่คำแนะนำเครื่องมือหายไปแน่นอนนี้สามารถแก้ไขได้โดย หลายวิธีขึ้นอยู่กับสิ่งที่เหมาะสมสำหรับ tooltip ดังนั้นใช่คำถามที่ดีและคำตอบที่แท้จริงฉันได้รับทั้งหมดตื่นเต้นและไม่ได้อ่านบทความของคุณอย่างถูกต้องตอนนี้ฉันได้เห็นว่าฉันประสบปัญหาเดียวกันกับที่คุณคิด ว่ามีทางออก แต่เกี่ยวข้องกับการปิดกั้นเหตุการณ์เมาส์ดังนั้นฉัน m สงสัยว่าเราอาจจะอยู่ในสถานการณ์ไข่ไก่ที่เราสามารถทำสิ่งหนึ่ง แต่ที่ป้องกันเราจากการทำอีก Hmm ขอบคุณสำหรับการตอบสนองอย่างรวดเร็วฉันพยายามที่และ ฉันใส่ความล่าช้าใน t mouseout ransition เพื่อที่ฉันจะสามารถเลื่อนเมาส์ไปวางไว้และคลิกที่คำแนะนำเครื่องมือก่อนที่ข้อความจะหายไปข้อความจะปรากฏขึ้นในรูปแบบการเชื่อมโยงหลายมิติในเคล็ดลับเครื่องมือ แต่คลิกที่ไม่ได้ทำอะไรที่หน้าเป้าหมายไม่เปิดขึ้นฉันไม่มีอะไรหายไป ใช่ฉันคิดว่าเราทั้งสองหายไปบางสิ่งบางอย่างที่ฉันได้รับความรู้สึกว่าโดยใช้เหตุการณ์เมาส์เป็นทริกเกอร์แล้วเราผูกการกระทำของเมาส์ไปที่คำแนะนำเครื่องมือเพื่อที่ว่าในขณะที่การเชื่อมโยงหลายมิติแสดงขึ้นเมาส์ยังคงผูกพันกับวัตถุต้นทางและ ละเว้นการเชื่อมโยงประสบการณ์ของฉันในพื้นที่นี้เศร้าขาดฉัน m กลัวที่ดีที่สุดของฉันเดาถ้า sa ต้องมีการสร้างภาพของคุณถามคำถามใน stack exchange มีพวงของคนในฟอรั่มที่มีทักษะที่หายากบางอย่างขออภัยฉัน wasn t สามารถช่วยได้มากขึ้นคำถาม Good ความลับคือการห่อส่วนหนึ่งของข้อความที่คุณต้องการเชื่อมโยงกับแท็กซึ่งตามเสียงที่คุณได้ทำไปแล้วและลบแอตทริบิวต์ none-pointer จากส่วนสไตล์อื่น เมาส์จะ ละเลยการปรากฏตัวของปลายเครื่องมือฉันได้สร้างตัวอย่างสำหรับการตรวจสอบของคุณอีกครั้งคำถามที่ดีแท้จริงแล้วฉันยังเปลี่ยนวิธีการที่ปลายเครื่องมือปรากฏขึ้นและหายไปเพื่อที่จะได้รับโอกาสมากกว่าที่จะอยู่บนหน้าจอเมื่อคุณ เลื่อนเมาส์ออกจากจุดบนกราฟพวกเขาพยายามที่จะสร้างพล็อตกระจายที่เรียบง่ายด้วยคำแนะนำไฟล์ csv คือประเทศ x, y ฉันต้องการให้ชื่อประเทศ x, y ปรากฏขึ้นเพื่อระบุแต่ละจุดข้อมูลเมื่อ เมาส์ไปที่นั่นมี 200 คลัสเตอร์ร่วมกันรอบต้นกำเนิดเพื่อให้เป็นระเบียบเล็กน้อยเพื่อ lable ปัญหาง่ายมองหาวิธีง่ายๆ Hmm ตรงไปคิดแรกของฉันคือการนวดข้อมูลก่อนวาดกราฟสามารถทำได้แบบไดนามิกโดยใช้สคริปต์ PHP ที่โหลด CSV, นวดและผลเป็น JSON หรือ csv อีกครั้งไม่ง่ายทั้งหมด แต่ถ้าคุณไม่คุ้นเคยกับ PHP ฉันมีความรู้สึกว่าจะมีวิธีการที่มีอยู่ภายใน d3 s ฟังก์ชัน array หรือหน้านี้อาจช่วย แต่ฉันขอโทษที่ บอกว่าฉันไม่ได้ใช้มันอย่างจริงจัง ถ้าคุณสามารถใส่ตัวอย่างเพื่อให้คนแสดงความคิดเห็นในคำถามถัดไปเกี่ยวกับการวางล้นอาจก่อให้เกิดคำตอบคำถามที่ดี TY สำหรับคำแนะนำฉันขอคำแนะนำเมื่อวางเมาส์ไว้โค้ดของฉันไม่ได้เก็บ URL ไว้ในมุมมองเมื่อย้าย เคอร์เซอร์ไปยัง URL URL สามารถคลิกได้ แต่จะจางหายไปเมื่อย้ายฉันย้ายเคอร์เซอร์ลองใช้ช่วงเวลาที่ต่างกัน แต่ไม่ได้รับผลลัพธ์เช่นเดียวกันในตัวอย่างแผนภูมิของคุณนี่คือส่วนสำคัญที่รวมถึงลิงก์ไปยังด้านล่างของกรณีทดสอบควรทำอย่างไร ฉันอัปเดตโค้ดเพื่อให้ได้ผลลัพธ์ที่เหมือนกันในแผนภูมิ AHH คำถามที่ดีและขออภัยสำหรับความล่าช้าที่ไม่สามารถตอบกลับในการตอบกลับได้ในกรณีของคุณและข้อความที่อยู่เหนือ URL จะหายไปเนื่องจากเมื่อเมาส์เลื่อนวัตถุออกไป คุณอาจทราบว่ามีลิงก์เพิ่มเติมในโพสต์ที่ฉันเพิ่มใน 201 ซึ่งเชื่อมโยงไปยังโพสต์ใหม่แสดงวิธีการบรรลุสิ่งที่คล้ายกับสิ่งที่ youy กำลังมองหาตรวจสอบที่ออกและดูว่าคุณได้รับใน