แสดงแผนภูมิแบบพล็อตเชิงโต้ตอบ (ไฟล์. html) บนหน้า GitHub


10

ฉันได้สร้างพล็อตเรื่องต่อไปนี้ดังนี้:

import plotly
labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen']
values = [4500, 2500, 1053, 500]

trace = plotly.graph_objs.Pie(labels=labels, values=values)
plotly.offline.plot([trace], filename='basic-pie-chart')

จากนั้นฉันสร้าง html ดังกล่าว:

print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div'))

การรันโค้ดด้านบนจะสร้างไฟล์. html ที่ฉันสามารถดูได้ในเบราว์เซอร์ของฉัน

มีวิธีในการแสดงไฟล์. html ที่ตรงกลางของไฟล์มาร์กอัปบนหน้า GitHub ของฉันหรือไม่

นี่เป็นคำถามที่คล้ายกันที่ฉันถาม

คำตอบ:


4

หากคุณใช้Jekyllในไซต์หน้า GitHub ของคุณ

เตรียมข้อมูลของคุณ:

import plotly.graph_objects as go

labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500, 2500, 1053, 500]
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
fig.show()

สร้างไฟล์ HTML:

import plotly.io as pio

pio.write_html(fig, file='figure.html', auto_open=True)

อัปโหลดfigure.htmlไฟล์และส่งไปยัง_includesโฟลเดอร์ในรูทของที่เก็บไซต์ของคุณ

ตอนนี้ถ้าคุณใช้markdownเพื่อสร้างโพสต์ของคุณคุณสามารถใช้แท็กรวมและโทรfigure.htmlในโพสต์ของคุณด้วยสิ่งนี้:

{% include figure.html %}

ส่งบรรทัดนี้ไปยัง.mdไฟล์โพสต์ของคุณใน_postsโฟลเดอร์ ตรวจสอบผลลัพธ์


ฉันทำสิ่งที่คุณแนะนำ แต่เมื่อฉันส่งข้อความยืนยันฉันได้รับอีเมลจาก GitHub ว่า "การสร้างเพจล้มเหลวสำหรับmasterสาขาที่มีข้อผิดพลาดต่อไปนี้: การสร้างเพจล้มเหลว" ฉันจะทำอะไรผิด นี่คือลิงก์ไปยังไฟล์. md ที่เป็นปัญหา: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/ …
Ethan

@Ethan ฉันต้องการรายละเอียดเพิ่มเติม ... ข้อความแสดงข้อผิดพลาดควรมีข้อมูลเพิ่มเติมhelp.github.com/th/github/working-with-github-pages/…อาจเป็นเพราะข้อความของคุณใหญ่เกินไป 7plots * 3.15MB = 22MB หน้าเว็บเฉลี่ยคือ 3MB คุณสามารถเอาชนะการใช้แบนด์วิดท์ GitHub ได้ มีขีด จำกัด แต่ไม่มีการบันทึกไว้ stackoverflow.com/questions/28706454/…
Plo_Koon

ฉันพยายามลบทุกอย่างยกเว้นพล็อตเดียวและฉันยังคงมีข้อผิดพลาดเดิมอยู่ คุณรู้หรือไม่ว่าฉันจะตรวจสอบขนาดของบทความได้อย่างไรนอกจากนี้ยังไม่มีข้อผิดพลาดเฉพาะในอีเมล นี่คือเนื้อหาทั้งหมด: "การสร้างหน้าล้มเหลวสำหรับmasterสาขาที่มีข้อผิดพลาดต่อไปนี้: การสร้างหน้าล้มเหลวสำหรับข้อมูลเพิ่มเติมดูhelp.github.com/en/github/working-with-github-pages/ ......สำหรับข้อมูลเพิ่มเติม การแก้ไขปัญหา Jekyll ดู: help.github.com/articles/troubleshooting-jekyll-builds "
Ethan

ความล้มเหลวในการสร้างทั่วไปจะไม่สร้างอีเมลพร้อมไฟล์เฉพาะและข้อมูลข้อผิดพลาด หากคุณได้รับอีเมลที่แจ้งว่า "การสร้างหน้าล้มเหลว" โดยไม่มีรายละเอียดเพิ่มเติมหรือเว็บไซต์ GitHub Pages ของคุณไม่ปรากฏขึ้นหลังจากกดครั้งแรกให้ตรวจสอบข้อผิดพลาดทั่วไปเหล่านี้ help.github.com/th/enterprise/2.14/user/articles/…
Plo_Koon

ฉันได้ตรวจสอบทั้งหมดแล้ว แต่ไม่มีการแก้ไขใดที่ควรทำงานกับที่เก็บของฉัน ฉันส่งปัญหาผ่าน github หวังว่าพวกเขาจะแสดงคำตอบให้ฉันและฉันจะโพสต์ที่นี่
Ethan
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.