> 웹 프론트엔드 > CSS 튜토리얼 > 스타일과 CSS를 사용하여 Pandas DataFrame HTML 테이블의 텍스트와 셀 색상을 어떻게 변경할 수 있나요?

스타일과 CSS를 사용하여 Pandas DataFrame HTML 테이블의 텍스트와 셀 색상을 어떻게 변경할 수 있나요?

Mary-Kate Olsen
풀어 주다: 2024-11-02 07:53:02
원래의
361명이 탐색했습니다.

How can I change the text and cell colors in a Pandas DataFrame HTML table using styles and CSS?

스타일과 CSS를 사용하여 Pandas DataFrame HTML 테이블의 텍스트 및 셀 색상 변경

Python에서 데이터 프레임으로 작업할 때 종종 데이터의 시각적 모양을 사용자 정의하여 더 많은 정보를 제공하거나 시각적으로 매력적으로 만드는 것이 좋습니다. 이는 스타일과 CSS를 사용하여 데이터프레임 내의 텍스트, 헤더 및 셀의 색상을 변경함으로써 달성할 수 있습니다.

이 시나리오에서는 행과 열로 구성된 값을 포함하는 pandas 데이터프레임이 제공됩니다. 목표는 'MOS' 행의 값을 특정 색상으로 지정하고 왼쪽 두 인덱스/헤더 열과 위쪽 헤더 행의 배경색을 변경하는 것입니다.

이를 달성하기 위해 새로운 Pandas 버전 0.17.1에 스타일 지정 기능이 도입되었습니다. 다음 Python 코드는 데이터 프레임에 스타일을 적용하는 방법을 보여줍니다.

<code class="python">import numpy as np
import pandas as pd

arrays = [['Midland', 'Midland', 'Hereford', 'Hereford', 'Hobbs','Hobbs', 'Childress',
           'Childress', 'Reese', 'Reese', 'San Angelo', 'San Angelo'],
          ['WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS']]
tuples = list(zip(*arrays))
index = pd.MultiIndex.from_tuples(tuples)
df = pd.DataFrame(np.random.randn(12, 4), index=arrays,
                  columns=['00 UTC', '06 UTC', '12 UTC', '18 UTC'])

def highlight_MOS(s):
    is_mos = s.index.get_level_values(1) == 'MOS'
    return ['color: darkorange' if v else 'color: darkblue' for v in is_mos]

s = df.style.apply(highlight_MOS)
print(s)</code>
로그인 후 복사

highlight_MOS 함수는 'MOS' 행의 값에 진한 주황색을 적용하고 다른 모든 값에는 진한 파란색을 적용하도록 정의됩니다. 가치. 그런 다음 style.apply 메소드를 사용하여 이 함수를 데이터프레임에 적용하고 결과가 인쇄됩니다.

코드의 출력은 진한 주황색으로 표시된 'MOS' 행이 있는 데이터프레임 테이블이 됩니다. 두 개의 인덱스/헤더 열과 상단 헤더 행이 다른 배경색으로 칠해졌습니다. 이러한 사용자 정의를 통해 데이터 프레임 내에서 데이터를 더욱 시각적으로 매력적이고 유익하게 표현할 수 있습니다.

위 내용은 스타일과 CSS를 사용하여 Pandas DataFrame HTML 테이블의 텍스트와 셀 색상을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿