Splunk. 조건에 따라 테이블 행에 색상을 지정하는 방법.

[post-views]
11월 17, 2017 · 2 분 읽기
Splunk. 조건에 따라 테이블 행에 색상을 지정하는 방법.

이전 기사에서는 Splunk에서 소스 접근성을 모니터링하는 간단한 대시보드를 만드는 방법을 시연했습니다. 오늘은 대시보드의 모든 표를 더욱 명확하고 편리하게 만드는 방법을 시연하고자 합니다.

다음의 내용을 살펴보겠습니다. 제 마지막 기사 그리고 색상 표 행을 사용하여 결과로 얻은 표의 기능을 계속 개선하겠습니다.

셀의 색상 표 행 만들기

더욱 명확하게 하기 위해 ‘Minutes_ago’ 열의 결과에 따라 셀을 꾸미고자 합니다: ‘Minutes_ago’ 값이 0에서 10일 경우 녹색, 10-30 범위일 경우 파란색, 30 이상일 경우 빨간색입니다.
이러한 색상 구분은 Splunk 관리자들이 테이블의 필요한 정보에 즉시 집중하고 모든 접근할 수 없는 소스를 감지하는 데 도움이 됩니다.
이를 위해 javascript 커스터마이징이 필요합니다. Splunk 6.x Dashboard example app에 설명된 많은 예제가 있습니다 (https://splunkbase.splunk.com/app/1603/). 이 앱을 다운로드하고 설치하여 대시보드 요소를 구현하는 데 유용한 정보를 얻을 수 있습니다.
이 경우, “ Table Cell Highlighting” 예를 사용할 것입니다.
1) 먼저 지원하는 .js 및 .css 스타일시트를 대시보드에 추가하겠습니다. 그렇게 하기 위해 대시보드의 소스를 편집해야 합니다:2) 이제 파일을 만들겠습니다 table_cell_hightlighting.js and table_cell_hightlighting.css.

table_cell_hightlighting.css:

table_cell_hightlighting.js:

참고: css 와 js 파일의 템플릿은 Splunk 6.x Dashboard example app에서 가져왔습니다.3) 이 시점에서 모든 필요한 파일이 사용 준비가 되었습니다. 이러한 파일은 어디에 배치해야 할까요? 내 앱의 정적 디렉토리에 배치해야 합니다. 예를 들어, 검색이라는 앱을 사용했다면 table_cell_hightlighting.js and table_cell_hightlighting.js.css in $SPLUNK_HOME/etc/apps/search/appserver/static4) 그 후, Splunk 서비스를 다시 시작해야 합니다.
5) 결과적으로 조건에 따라 색상 있는 셀이 포함된 필요한 테이블이 표시됩니다.

동일한 방식으로 Splunk 6.x Dashboard example app의 많은 다른 시각화를 활용할 수 있습니다.이 기사는 Splunk 대시보드의 커스터마이징 예 중 하나를 설명합니다. 템플릿이나 색상 표 행을 사용할 필요는 없으며, 자신만의 시각화를 만들어 Splunk의 시각화를 무제한으로 만들 수 있습니다.

이 기사가 도움이 되었나요?

동료들과 좋아요를 누르고 공유하세요.
SOC Prime의 Detection as Code 플랫폼에 가입하세요 귀하의 비즈니스와 가장 관련 있는 위협에 대한 가시성을 향상시키세요. 시작하고 즉각적인 가치를 창출하기 위해 지금 SOC Prime 전문가와의 미팅을 예약하세요.

관련 게시물