เพิ่มเส้นขอบใน Plotly

Pheim Sen Khxb Ni Plotly



ในบางกรณี คุณอาจต้องเพิ่มเส้นขอบให้กับตัวเลข Plotly ไม่ว่าคุณกำลังมองหาการแยกพล็อตเฉพาะออกจากส่วนที่เหลือหรือเพียงเพื่อการปรับปรุงภาพ เส้นขอบสามารถมีบทบาทสำคัญได้ โชคไม่ดีที่ Plotly ไม่มีวิธีการดั้งเดิมในการเพิ่มเส้นขอบให้กับ Figure เช่นเดียวกับที่คุณทำกับชื่อ

ในบทช่วยสอนนี้ เราจะแสดงวิธีการปรับแต่งที่คุณสามารถใช้เพื่อสร้างเส้นขอบรอบ ๆ รูปเฉพาะ

กระโดดเข้าไปกันเถอะ







รูปร่างพล็อต

วิธีที่มีประสิทธิภาพมากที่สุดในการสร้างเส้นขอบรอบ ๆ รูปเฉพาะคือการใช้รูปร่าง = Plotly จากโมดูล Plotly graph_objects



โมดูลนี้ช่วยให้เราสร้างเส้นหรือรูปหลายเหลี่ยมเป็นวัตถุแบบสแตนด์อโลนหรือเป็นพาเรนต์ของฟิกเกอร์อื่นๆ



อย่าลังเลที่จะสำรวจ Layouts ใน graph_objects ในแหล่งข้อมูลต่อไปนี้:





https://plotly.com/python/reference/layout/shapes/

มาดูกันว่าเราจะใช้คุณสมบัตินี้เพื่อสร้างเส้นขอบได้อย่างไร



สร้างรูป

ก่อนสร้างเส้นขอบ ให้เราเริ่มต้นด้วยการสร้าง Plotly Figure อย่างง่าย ซึ่งเราต้องการเพิ่มเส้นขอบ

สำหรับบทช่วยสอนนี้ เราใช้พล็อตเส้นอย่างง่ายตามที่แสดงในโค้ดต่อไปนี้:

นำเข้า พล็อต ด่วน เช่น px

# นำเข้า plotly.graph_objects as go

df = พิกเซล ข้อมูล . หน่วยความจำช่องว่าง ( ) . แบบสอบถาม ( 'ทวีป== 'โอเชียเนีย'' )

รูปที่ = พิกเซล ไลน์ ( df , x = 'ปี' , Y = 'gdpPercap' , สี = 'ประเทศ' , เครื่องหมาย = 'ประเทศ' )

รูปที่. แสดง ( )

ในตัวอย่างที่กำหนด เราใช้โมดูล Plotly express เพื่อสร้างเส้นพล็อตของ GDP Per Cap ในช่วงหลายปีที่ผ่านมาของประเทศต่างๆ ในทวีปโอเชียเนีย

ผลลัพธ์ที่ได้จะเป็นดังภาพ:

พล็อตเพิ่มเส้นขอบ

เมื่อได้รูปที่ต้องการแล้ว ก็เริ่มสร้างเส้นขอบได้เลย ดังที่กล่าวไว้ เราใช้โมเดลรูปร่างจาก Plotly graph_objects

รหัสสำหรับเพิ่มเส้นขอบให้กับรูปมีดังต่อไปนี้:

นำเข้า พล็อต graph_objects เช่น ไป
รูปที่. update_layout ( รูปร่าง = [ ไป. เลย์เอาต์ . รูปร่าง (
พิมพ์ = 'ถูกต้อง' ,
xref = 'กระดาษ' ,
yref = 'กระดาษ' ,
x0 = 0 ,
y0 = - 0.1 ,
x1 = 1.01 ,
y1 = 1.02 ,
ไลน์ = { 'ความกว้าง' : 1 , 'สี' : 'สีดำ' }
) ] )

ในโค้ดก่อนหน้านี้ เราเริ่มต้นด้วยการนำเข้าโมดูล Plotly graph_objects

ต่อไป เราใช้ฟังก์ชัน update_layout() เพื่อปรับแต่งเลย์เอาต์ของฟิกเกอร์ด้วยค่าและคุณสมบัติที่เราระบุ

ภายในฟังก์ชัน เราระบุพารามิเตอร์รูปร่าง ซึ่งช่วยให้เราสร้างรูปร่างเฉพาะรอบรูปได้

ค่าของ go.layout.Shape() ช่วยให้เราสามารถกำหนดประเภทของรูปร่างได้อย่างแม่นยำและตำแหน่งที่เราควรสร้างขึ้น

อย่างแรกคือประเภทที่ระบุประเภทของตัวเลขที่เราต้องการสร้าง คุณสามารถระบุค่าต่างๆ เช่น 'วงกลม' เพื่อสร้างรูปร่างวงกลม 'rect' สำหรับสี่เหลี่ยมผืนผ้า และอื่นๆ

พารามิเตอร์ที่สองคือ x0 ซึ่งกำหนดจุด x เริ่มต้นของรูปร่าง X1 กำหนดตำแหน่ง x จุดสิ้นสุดของรูปร่าง

สำหรับ y0 และ y1 พารามิเตอร์เหล่านี้จะกำหนดจุดเริ่มต้น y และจุดสิ้นสุด y ของรูปร่าง

พารามิเตอร์ xref และ yref ตั้งค่าแกนพิกัด x และ y ของคำอธิบายประกอบ

หากตั้งค่าเป็น 'กระดาษ' ตำแหน่ง 'y' จะหมายถึงระยะห่างจากด้านล่างของพื้นที่การพล็อตในพิกัดปกติ โดยที่ '0' (“1”) ตรงกับด้านล่าง (บน)

สุดท้าย พารามิเตอร์ line มีพจนานุกรมที่กำหนดกฎสำหรับการสร้างเส้นของรูปร่าง ที่นี่เราตั้งค่าความกว้างของเส้นเป็น 1 และสีเป็นสีดำ

ผลลัพธ์ที่ได้จะเป็นดังภาพ:

อย่างที่คุณเห็น รูปภาพมีเส้นขอบพร้อมพารามิเตอร์ที่ระบุ คุณสามารถปรับแต่งค่าก่อนหน้าเพื่อให้ตรงกับรูปร่างและขนาดของเส้นขอบที่คุณต้องการ

บทสรุป

บทความนี้อธิบายวิธีการสร้างเส้นขอบรอบร่าง Plotly โดยใช้โมดูล Plotly graph_objects

ขอบคุณที่อ่าน. มีความสุขในการเข้ารหัส!!