Grafana: [Feat] 조건부 서식

에 만든 2018년 03월 28일 · 77코멘트 · 출처: grafana/grafana

소개

작성 시점(Grafana v5.1-pre)을 지원합니다.

숫자 범위 및 3가지 색상을 기반으로 하는 Singlestat 패널의 배경/값 색칠
숫자 범위 및 3가지 색상을 기반으로 테이블 패널의 셀/값/행 색상 지정

테이블 패널과 단일 통계 패널에서 더 많은 색상 지원을 요청하는 기능 요청/문제가 많이 있습니다.

#7631 [기능 요청] Singlestat 패널에서 텍스트 값 매핑 허용
#3601 테이블 패널: 정규식 패턴 일치를 기반으로 셀 값에 색상 지정
#9500 기능 요청: 테이블의 시간 열에 대한 임계값 허용
#3608 쉼표로 구분된 값이 3개 이상인 임계값
#8404 [기능 요청] Singlestat null 값 색상
#4821 테이블 패널 색상 지정은 참조된 열을 표시하지 않아도 됩니다.
#9709 그라데이션 색상의 단일 통계 패널
#7411 [기능 요청] Singlestats 패널의 가변 임계값
#7286 [기능 요청] 테이블의 행 및/또는 열 스타일

역사적으로 우리는 위의 문제 중 일부를 해결하려고 시도한 몇 가지 PR을 받았지만 솔루션이 사용자 관점에서 이해하기 어렵거나 Grafana 코드 기반을 만들 수 있다고 생각하기 때문에 병합할 수 없었습니다. /기능은 점점 더 산산조각이 납니다.

제안

이 문제는 위의 문제 모두(또는 대부분)를 해결하고 훌륭하고 일관된 사용자 경험을 제공함으로써 하나의 솔루션을 찾는 것을 목표로 합니다. 즉, 이것이 좋은 방법이라고 판단되면 더 작은 문제로 나누기를 원할 것입니다.

일반적으로 경고에 대한 조건 편집기 는 규칙/조건부 서식 편집기 기능과 매우 유사하며 몇 가지 수정만 하면 매우 적합할 것입니다. 이를 구현할 때 고려해야 할 사항입니다.

조건부 규칙 평가자

조건부 서식이 필요한 패널은 조건부 규칙을 평가하기 위한 자체 솔루션을 구현할 필요가 없으므로 이를 핵심 구성요소/도우미 라이브러리로 만드는 것이 필수입니다.
이 구성 요소가 지원하는 규칙 유형 목록도 반환할 수 있다면 좋을 것입니다.

규칙 유형의 예:

값이 비어 있습니다.
값이 비어 있지 않습니다.
텍스트 포함
텍스트에 포함되지 않음
텍스트 시작
텍스트는 다음으로 끝납니다.
텍스트는 정확히
날짜:
날짜 이전
날짜 이후
보다 큰
크거나 같음
미만
이하
와 동등하다
같지 않다
사이에
사이가 아님

Singlestat 패널 - 배경/값 색상화

현재 기능과 비교하여 여기에서 변경된 사항은

오늘날의 최대 3개와 비교하여 색상 서식을 무제한으로 정의할 수 있습니다.
비어 있는/비어 있지 않은 값을 기반으로 한 채색 지원을 허용합니다.
문자열/텍스트 값을 기반으로 한 채색 지원을 허용합니다.
날짜/기간 값을 기반으로 한 색상 지원을 허용합니다.

필요한/원하는 기능에 밑줄을 긋는 UX 모형/예제

표 패널 - 셀/값/행 색상 지정

현재 기능과 비교하여 여기에서 변경된 사항은

오늘날의 최대 3개와 비교하여 색상 서식을 무제한으로 정의할 수 있습니다.
비어 있는/비어 있지 않은 값을 기반으로 한 채색 지원을 허용합니다.
문자열/텍스트 값을 기반으로 한 채색 지원을 허용합니다.
날짜/기간 값을 기반으로 한 색상 지원을 허용합니다.
숨겨진/렌더링되지 않은 열을 기반으로 행 색칠을 지원합니다.

현재 정의된 각 열 스타일에 대한 임계값을 정의할 수 있습니다. 조건부 서식 규칙을 적용할 열을 현명하게 결정할 수 있기 때문에 이러한 가능성을 계속 유지하고 싶을 수도 있습니다.

반면에 열 스타일을 계속 사용하는 것은 매우 이상합니다. 기본적으로 열 셀을 렌더링하는 방법/특정 데이터 유형 및 옵션 등을 사용하여 원시 열 값을 변환하는 방법에 대한 옵션을 제공하기 때문입니다. 색상 지정과 관련하여 우리는 현재 셀/값/행을 지원합니다. 셀 또는 행에 영향을 미치며 규칙은 변환/옵션 이후가 아닌 데이터 소스 쿼리에서 반환된 원시 데이터를 기반으로 평가됩니다. 아래 모형에는 기본적으로 조건부 서식을 적용하기 위해 데이터 소스 쿼리에서 반환된 모든 행과 열을 스캔하는 정말 간단한 UX가 있습니다.

열 스타일 탭 내에서 조건부 서식을 사용하는 한 가지 옵션은 조건부 서식 규칙을 특정 탭에서 열별로 적용할 수 있도록 하는 것입니다. 기본적으로 아래의 모형과 비슷하지만 규칙을 적용해야 하는 열을 결정하는 추가 논리가 있습니다. 이 솔루션은 숨겨진/렌더링되지 않은 열을 기반으로 행의 조건부 서식을 지원할 수 있기 때문에 이점이 있습니다.

필요한/원하는 기능에 밑줄을 긋는 UX 모형/예제

순방향 호환성

기존 Singlestat 및 테이블 패널 JSON 모델에 필요한 모든 변경 사항은 앞으로 호환되어야 합니다. 즉, 색상/임계값이 활성화된 Singlestat/Table 패널이 있는 기존 저장된 대시보드는 이러한 대시보드가 렌더링될 때 새 솔루션으로 마이그레이션/변환되어야 합니다.

arepanesinglestat arepanetable typfeature-request typux

출처

marefr

👍276 ❤44 🎉27 🚀17 👀15

가장 유용한 댓글

짧은 업데이트. 우리는 Angular에서 React로의 마이그레이션에 집중해 왔으며 이로 인해 이에 대해 조사할 수 없었습니다. 그래프, 테이블 및 기타 패널을 React로 마이그레이션한 후 이를 조사하여 모든 코어 및 외부 패널에서 재사용할 수 있는 미래 보장 솔루션을 만들고자 합니다.

marefr 에 2019년 02월 18일

👍21

모든 77 댓글

나는 이 제안이 꽤 괜찮은 것 같다. 이와 관련하여 언급하고 싶은 한 가지는 다른 쿼리를 기반으로 임계값을 정의할 수 있다면 패널과 경고가 훨씬 더 강력해집니다.

예는 ceph 클러스터를 모니터링하는 것입니다. Ceph는 쿼럼을 구성하는 데몬 세트가 필요합니다. 쿼럼에 있는 데몬 수를 추적하는 패널을 만드는 옵션이 있다면 매우 유용할 것입니다. a) number_in_quorum < number_all_daemons 노란색으로, b) number_in_quorum < number_all_daemons / 2 + 1 이면 빨간색으로

jan--f 에 2018년 04월 03일

@torkelo 이에 대한 의견이 있습니까?

marefr 에 2018년 04월 05일

나는 이것이 매우 흥미로워 보인다고 생각한다. 개념을 일반화하고 사용하기 쉽게 만듭니다(현재 임계값 csv 문자열은 약간 혼란스럽습니다).

torkelo 에 2018년 04월 09일

이 입력이 어디에 포함되어야 하는지 잘 모르겠지만... A 열에는 텍스트 값이 포함되고 B 열에는 숫자 값(0 또는 1)이 포함되며 디스플레이. B열이 0일 때 A열은 빨간색(흰색 텍스트 포함)으로 표시되고 B열이 1일 때 A열은 녹색(흰색 텍스트 포함)으로 표시됩니다. 즉, 한 열을 참조하여 다른 열의 색상 속성을 제어할 수 있습니까? 아니면 다른 열 데이터를 인수분해하여 열의 색상에 대한 조건을 표현할 수 있습니까?

centipede16 에 2018년 04월 17일

@centipede16 예, 이것이 바로 이 줄이 테이블 패널에 대한 것입니다.

숨겨진/렌더링되지 않은 열을 기반으로 행 색칠을 지원합니다.

marefr 에 2018년 04월 19일

확인. 그러한 기능을 잠정적으로 사용할 수 있게 되는 대략적인 일정이 있습니까?

centipede16 에 2018년 04월 19일

현재로서는 기간이나 이정표가 없지만 이 문제와 관련 문제에 많은 투표가 있다는 점을 감안하여 더 많은 정보를 알게 되는 대로 더 많은 정보를 가지고 돌아올 것입니다.

marefr 에 2018년 04월 19일

이것이 #7411에 포함되어 있다고 생각하지만 가능한 한 이러한 조건 필드는 템플릿 변수를 값으로 받아들여야 한다는 점을 반복하고 싶습니다.

IntegersOfK 에 2018년 05월 09일

👍1

grafana

이 주제를 계속 주시할 것입니다.

crazy-canux 에 2018년 05월 30일

👍5

이것들에 +1. 데이터 사양을 Grafana 형식 제한에 맞게 조정하는 것은 이상적이지 않습니다!

XabiBeltza 에 2018년 07월 26일

👎3 👍2

+1, @marefr 이에 대한 업데이트가 있습니까?

sebawo 에 2018년 08월 27일

@sebawo 아니요, 아직은 두렵습니다.

marefr 에 2018년 08월 27일

+1.

r02b 에 2018년 09월 06일

👎9

lauraquah 에 2018년 09월 18일

👎9

mjtrangoni 에 2018년 10월 02일

👎6

tcase 에 2018년 10월 04일

👎6

ahothan 에 2018년 10월 08일

👎6

jaclag 에 2018년 10월 26일

👎2

"+1"을 쓴다고 해서 이 항목에 대한 작업이 발생하지 않는다고 선언하고 싶습니다. 이를 제쳐두고 개발자 시간이 있을 때 처리될 것입니다. 또는 대신 이미 작업을 시작했을 수 있습니다. :-) 감사 해요

Tatranskymedved 에 2018년 10월 26일

👍5

잘 들린다.
또한 첫 번째/마지막에 적용되는 규칙의 순서를 쉽게 변경할 수 있어야 합니다.

nico100 에 2018년 11월 09일

날짜에 대한 임계값은 어떻게 되었습니까?

flopp999 에 2018년 12월 20일

👍1

날짜에 대한 임계값은 어떻게 되었습니까?

bmfmsd 에 2018년 12월 20일

👎3 👍2

@marefr 이에 대한 진전이 있습니까? 우리는 모니터링을 통해 제대로 작동하기를 정말로 원합니다. 우리는 다른 서버에서 모니터링하는 동일한 서비스에 대해 다른 경고/치명타 수준을 가지고 있으며 임계값으로 쿼리 값을 사용할 수 있다는 것은 수동 작업을 훨씬 적게 의미합니다. 우리를 위해!

DennisMC 에 2019년 01월 08일

나는이 주제에 매우 관심이 있습니다! 특히: "_#3608 쉼표로 구분된 값이 3개 이상인 임계값_".

그것에 대한 소식이 있습니까?

busi91 에 2019년 01월 13일

+1 !
단순한 것이 가장 강력하고 가장 필요한 경우가 많습니다!
이 기능을 곧 보고 싶습니다!
그것에 대해 몇 가지 소식을 전할 수 있습니까? 특히 쉼표로 구분된 값이 3개 이상인 임계값.

CygaLV 에 2019년 02월 05일

👎3 👍3

거의 1년 전에 오픈했는데 진행 상황이 있나요?

enzoweb 에 2019년 02월 05일

👍9 👎1

거의 1년 전에 오픈했는데 진행 상황이 있나요?

또한 여기에서 진행 상황이 궁금합니다. 다양한 상태 값을 표시하기 위해 추가 임계값 및 색상과 함께 singlestat를 사용하려고 합니다.

Jordan-sl 에 2019년 02월 13일

"테이블 패널: 정규식 패턴 일치 #3601을 기반으로 셀 값에 색상 지정" 기능에 대한 좋은 소식이 있습니다. 정규식 또는 문자열 비교를 기반으로 텍스트에 색상을 지정할 수 있다면 더 좋았을 것입니다(예: "실패" - 빨간색, "처리 중" - Yello, "처리됨" - 녹색).

prasanthgv 에 2019년 02월 18일

marefr 에 2019년 02월 18일

👍21

문자열을 기반으로 테이블 셀의 색상을 조건부로 변경할 수 있다는 것은 내 프로젝트에 매우 도움이 될 것입니다. 이것은 우리 조직에서 그라파나를 합법화하는 데 큰 도움이 될 것입니다. 모두들 감동을 받았지만 저는 이런 요청을 자주 받습니다. "표의 색상을 변경하여 표시할 수 있습니까?" 조건부 채색을 사용하기를 고대하고 있습니다.

dslaughter 에 2019년 02월 19일

이에 대한 진전이 있습니까?

yrshaikh 에 2019년 04월 01일

이에 대한 업데이트가 있습니까?
반드시 있어야 하는 기능입니다.

joseapdmota 에 2019년 04월 04일

👍9

alexvaut 에 2019년 04월 05일

👎6

이에 대한 업데이트가 있습니까?

tuxknight 에 2019년 04월 17일

👍6

TH-HA 에 2019년 04월 18일

👎4

나도 이 기능 있으면 좋겠다

tcpdumper 에 2019년 04월 18일

비슷한 일을 하고 있습니다. 테이블을 데이터 요약으로 변환하는 데 사용되는 Boom Summary 패널 입니다. 이것을 찾는 사람이 있으면 유용할 수 있습니다.

yesoreyeram 에 2019년 04월 18일

👍11

이 문제에서 https://github.com/grafana/grafana/pull/9455 솔루션은 현재 접근 방식이 구현될 때까지 일시적으로 사용하기 위해 이미 배포되었을 것이라고 생각합니다. 죄송합니다. 하지만 다른 문제는 종료되었으며 이 문제는 배포하는 데 너무 오래 걸립니다. :(

Brun0fl 에 2019년 05월 28일

👍3

또한 이것이 기능, 특히 주석에 대한 "범례"를 표시하는 데 정말 편리한 색상 매핑에 대한 테이블 문자열이 되었으면 합니다.

AppleMaster 에 2019년 06월 12일

이 요청의 진행 상황에 대한 업데이트가 있습니까? SOC 모니터링 대시보드에 대해 이 기능을 기다리는 프로젝트가 있습니다.

freddles 에 2019년 07월 23일

이 기능이 구현되면 감사하겠습니다 😎

Ringeltier 에 2019년 08월 26일

이 기능도 기대됩니다. 특히 테이블 패널에서. 도착 예정 시간이 있습니까?

어떤 단계에 있습니까? 개발을 계획했거나 시작했습니까?

amjad 에 2019년 08월 26일

👍1

이에 대한 진전을 기대해야 합니까? :-)

erayalakese 에 2019년 09월 10일

수정 사항이 있습니까?

WilliamLHarms 에 2019년 09월 16일

Def는 이 기능을 기대합니다. 곧 사용을 시작하기를 바랍니다

apanagar 에 2019년 09월 18일

안녕하세요, 이것에 대한 업데이트가 있습니까?

thiagocorredor 에 2019년 09월 26일

또한 이 요청에 도움이 될 수 있는 플러그인을 찾았습니다.

https://grafana.com/grafana/plugins/yesoreyeram-boomtable-panel

thiagocorredor 에 2019년 09월 26일

👍2

저는 #9500을 지지합니다. grafana를 사용하여 시간이 지정된 주문 시퀀스를 표시하고 만료된 주문을 강조 표시하고 싶습니다.

pdMa2s 에 2019년 10월 04일

👍4

이 기능에 진전이 있습니까?

tonybounty 에 2019년 10월 26일

👍1

https://github.com/grafana/grafana/issues/9500에 정말 관심이

karln-star 에 2019년 10월 31일

carloshgaray 에 2019년 11월 22일

👎5

+9000

biertie 에 2019년 12월 17일

9500 및 #3601은 대시보드를 크게 향상시킵니다.

marvinO1 에 2019년 12월 17일

👍2

제 경우에는 날짜에 따라 그래프에 다른 색상을 표시하고 싶습니다.

pdMa2s 에 2019년 12월 19일

안녕하세요
"#7631 [기능 요청] Singlestat 패널에서 텍스트 값 매핑 허용"이 구현되었습니까?

Syed-Ali 에 2020년 01월 28일

새로운 "stat" 패널의 경우 쿼리마다 다른 임계값을 설정할 수 있으면 좋을 것입니다.

fyang13 에 2020년 01월 31일

비슷한 일을 하고 있습니다. 테이블을 데이터 요약으로 변환하는 데 사용되는 Boom Summary 패널 입니다. 이것을 찾는 사람이 있으면 유용할 수 있습니다.

이것을 사용하려고 했지만 Elastisearch를 사용하는 서버에서 충돌이 발생한 것 같습니다. 그라파나 6.5.2 사용

xslugx 에 2020년 02월 06일

이에 대한 업데이트가 있습니까?

safadig 에 2020년 02월 13일

👀1

이해할 수 없습니다. 요청 #9500에 대한 솔루션을 찾고 있었는데 나에게 유망해 보이는 PR #10594를 찾았습니다. 이 PR은 초기 요청에 대한 해결책을 찾지 못한 현재 기능으로 인해 종료되었습니다.

내가 뭐 놓친 거 없니 ?

eRudy 에 2020년 02월 27일

👍4

+1플릭스

Go-Pomegranate 에 2020년 03월 03일

👎1 👍1

그 기능에 매우 관심이 있습니다!

Ilium77 에 2020년 03월 19일

malanvaneck 에 2020년 03월 25일

👎1

alecm858 에 2020년 03월 27일

👎1

이것은 흥미로운 기능입니다... 업데이트가 있습니까?

iconde 에 2020년 04월 15일

최소한 몇 가지 해결 방법을 제공할 수 있습니까?

vlatk0o 에 2020년 05월 07일

Jqute 에 2020년 05월 26일

👎1

cwildfoerster 에 2020년 06월 16일

👎3

myriamvanerum 에 2020년 07월 17일

👎1

이 기능 요청은 정말 유망합니다. 텍스트를 값으로 매핑하는 것만으로도 grafana로 대시보드를 크게 개선할 수 있습니다. 지금은 데이터베이스에 숫자 값을 생성해야 합니다. 데이터 소스에 숫자 인덱스를 유지하는 것 이외의 해결 방법을 알고 있으면 공유하십시오.

mertbakir 에 2020년 07월 17일

maemigh 에 2020년 09월 03일

👎2

jacobreid 에 2020년 09월 05일

👎2

scroodj 에 2020년 09월 09일

😕1 👎1

stickybyte 에 2020년 09월 29일

👎3

그래프에서 시각화할 수 있도록 문자열 값을 정수에 매핑하는 기능에 대한 업데이트가 있는지 아는 사람이 있습니까? 이 문제는 #14222에서 참조되었습니다.

miguelarios 에 2020년 10월 27일

fa1861 에 2020년 11월 04일

👎4

@marefr님 , 이 기능을 언제 사용할 수 있습니까? 대중

Soumyank 에 2020년 12월 11일

문자열 값에 따라 이런 종류의 컬러 셀을 표시하는 것이 정말 필요합니다.

brunofds 에 2021년 01월 07일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급