Thêm đường viền trong Plotly

Them Duong Vien Trong Plotly



Trong một số trường hợp, bạn có thể cần thêm đường viền vào một con số Âm mưu. Cho dù bạn đang tìm cách phân biệt một cốt truyện cụ thể với phần còn lại hay chỉ để cải thiện hình ảnh, thì đường viền có thể đóng một vai trò quan trọng.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn một phương pháp tùy chỉnh mà bạn có thể sử dụng để tạo đường viền xung quanh một Hình cụ thể.

Hãy bắt đầu.







Hình dạng có cốt truyện

Phương pháp hiệu quả nhất để tạo đường viền xung quanh một Hình cụ thể là sử dụng = Plotly shape từ mô-đun Plotly graph_objects.



Mô-đun này cho phép chúng tôi tạo các đường thẳng hoặc đa giác dưới dạng các đối tượng độc lập hoặc dưới dạng cha mẹ cho các Hình khác.



Vui lòng khám phá Bố cục trong graph_objects trong tài nguyên sau:





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

Hãy để chúng tôi xem cách chúng tôi có thể sử dụng tính năng này để tạo đường viền.



Tạo hình

Trước khi tạo đường viền, chúng ta hãy bắt đầu bằng cách tạo một Hình vẽ có cốt truyện đơn giản mà chúng ta muốn thêm đường viền xung quanh.

Đối với hướng dẫn này, chúng tôi sử dụng một biểu đồ Đường đơn giản như được hiển thị trong đoạn mã sau:

nhập khẩu có âm mưu. bày tỏ như px

# nhập plotly.graph_objects khi di chuyển

df = px. dữ liệu . khoảng trống bộ nhớ ( ) . truy vấn ( 'lục địa == 'Châu Đại Dương'' )

quả sung = px. hàng ( df , x = 'năm' , Y = 'gdpPercap' , màu sắc = 'quốc gia' , Biểu tượng = 'quốc gia' )

quả sung. buổi bieu diễn ( )

Trong ví dụ đã cho, chúng tôi sử dụng mô-đun Plotly express để tạo biểu đồ Đường của GDP trên đầu người theo năm của các quốc gia trong lục địa Châu Đại Dương.

Con số kết quả như được hiển thị:

Âm mưu thêm đường viền

Khi chúng ta có hình mà chúng ta muốn sử dụng, chúng ta có thể tiến hành và tạo đường viền. Như đã đề cập, chúng tôi sử dụng mô hình hình dạng từ Plotly graph_objects.

Mã để thêm đường viền vào Hình như được cung cấp trong phần sau:

nhập khẩu có âm mưu. graph_objects như đi
quả sung. update_layout ( hình dạng = [ đi. cách trình bày . Hình dạng (
loại hình = 'trực tràng' ,
xref = 'giấy' ,
yref = 'giấy' ,
x0 = 0 ,
y0 = - 0,1 ,
x1 = 1,01 ,
y1 = 1,02 ,
hàng = { 'bề rộng' : 1 , 'màu sắc' : 'màu đen' }
) ] )

Trong đoạn mã trước, chúng tôi bắt đầu bằng cách nhập mô-đun Plotly graph_objects ngay sau đó.

Tiếp theo, chúng ta sử dụng hàm update_layout () để tùy chỉnh bố cục của Hình với các giá trị và tính năng mà chúng ta chỉ định.

Bên trong hàm, chúng tôi chỉ định tham số hình dạng cho phép chúng tôi tạo một hình dạng cụ thể xung quanh hình.

Các giá trị của go.layout.Shape () cho phép chúng ta xác định chính xác loại hình dạng và nơi chúng ta nên tạo nó.

Đầu tiên là kiểu chỉ định kiểu của hình mà chúng ta muốn tạo. Bạn có thể chỉ định các giá trị như “hình tròn” để tạo hình tròn, “hình chữ nhật” cho hình chữ nhật, v.v.

Tham số thứ hai là x0 đặt điểm x bắt đầu của hình dạng. X1 xác định vị trí x cuối của hình dạng.

Đối với y0 và y1, các tham số này xác định điểm bắt đầu y và điểm cuối y của hình dạng.

Các tham số xref và yref đặt trục tọa độ x và y của chú thích.

Nếu được đặt thành “giấy”, vị trí “y” đề cập đến khoảng cách từ đáy của vùng vẽ đồ thị theo tọa độ chuẩn hóa, trong đó “0” (“1”) tương ứng với đáy (trên cùng).

Cuối cùng, tham số dòng chứa một từ điển xác định các quy tắc để tạo đường của hình dạng. Ở đây, chúng tôi đặt chiều rộng dòng thành 1 và màu đen.

Con số kết quả như được hiển thị:

Như bạn có thể thấy, hình chứa một đường viền với các tham số được chỉ định. Bạn có thể tùy chỉnh các giá trị trước đó để phù hợp với bất kỳ hình dạng và kích thước đường viền cụ thể nào mà bạn muốn.

Sự kết luận

Bài viết này mô tả phương pháp tạo đường viền xung quanh một hình Plotly bằng cách sử dụng mô-đun Plotly graph_objects.

Cảm ơn vì đã đọc. Chúc bạn viết mã vui vẻ !!