두 열을 비교하여 색상 행 Google 시각화 DataTable

google.visualization.DataTable을 사용하고 있는데 두 개의 관련 열이 있는데 colSmall 및 colLarge라고합니다. 주어진 행에서 colSmall이 colLarge보다 큰 경우 해당 행의 배경색을 빨간색으로 만들고 싶습니다.두 열을 비교하여 색상 행 Google 시각화 DataTable

가장 가까운 것은 google.visualization.ColorFormat()을 사용하는 것입니다. 저는 formatter와 addRange를 만들 수 있습니다. 특정 값을 하드 코딩하는 데 사용할 수 있으므로 colSmall이 해당 값을 초과하면 빨강이됩니다 (아래 참조).

var formatter = new google.visualization.ColorFormat(); 
formatter.addRange('100', null, 'black', 'red'); // anything greater than 100 will be red (the quotes are because these are string values) 
formatter.format(data, 7); // colSmall is index 7

이 행의 다른 열을 볼 수있는 방법을 찾을 수 없습니다. 내가 가지고있는 또 다른 문제는 이것이 전체 행보다는 셀을 빨간색으로 만 만든다는 것입니다.

출처

2016-09-13 Kurt Maegerle

는 [이 답변 (http://stackoverflow.com/a/36949638/5090771)'ColorFormat' 대 전체 행을 포함한 3 실시 예를 포함 볼 ... – WhiteHat

API가 여기 될 수 HTTPS : // developers.google.com/chart/interactive/docs/reference#colorformat –

해킹 방법을 찾았지만 여전히 더 나은 것을 선호합니다.

데이터를 작성한 다음 테이블에 모두 추가하는 대신 테이블에 각 행을 삽입하고 형식을 지정할 수 있습니다. 해당 행 (보다는 2 열)의 각 열에 들어

    var rowIndex = data.addRow(val); 
        if (colSmall > colLarge) { 
         data.setProperties(rowIndex, 2, {style: 'background-color:red'}); 
        }

그런 다음, 주어진 행에 대해, 내가 좋아하는 뭔가를 할 수 있습니다.

setProperty 또는 더 나은 아직 setRowProperty 사용할 수 싶습니다 있지만 이러한 메서드 중 하나를 시도 할 때마다 단순히 작동하지 않습니다, 그래서 지금은 정착 해요.

출처

2016-09-13 23:57:14

두 열을 비교하여 색상 행 Google 시각화 DataTable

답변

관련 문제