수직 규칙을 새 레이어와 동일한 x 축으로 추가하는 방법은 무엇입니까?

피터 크라우스

여기에 이미지 설명 입력

스트립을 새 레이어로 추가하면 (2 레이어 차트에서) 작동이 중지됩니다. 시각화 및 "WARN Cannot project a selection on encoding channel"y ", which has no field"가 없습니다 .

처음 두 개의 레이어 정의는 두 줄만있을 때 잘 작동했습니다.

vglSpec.push(['#vis2a',{
    $schema: vglVers,
    data: {"url":"MyDataset1"},
    // old "encoding": { x: {"field": "instant", "type": "temporal"} }
    width:680,
    layer: [
        {
            "mark": {"stroke": "#68C", "type": "line", "point": true},
            "encoding": { x: {"field": "instant", "type": "temporal"}, "y": {
                "field": "n_count", 
                "type": "quantitative"
            }},
            "selection": {"grid": {"type":"interval", "bind":"scales"}}   //zoom
        },
        {
            "mark": {"stroke": "red", "type": "line", "strokeOpacity": 0.4},
            "encoding": { x: {"field": "instant", "type": "temporal"}, "y": {
                "field": "instant_totmin", 
                "type": "quantitative"
            }}
        },
        {
            "mark": "rule",
            "data": {"url":"MyDataset2"}, // little subset of instant of Dataset1
            "encoding": {
              "x": { "field": "instant", "type": "temporal"},
              "color": {"value": "yellow"},
              "size": {"value": 5}
            },
            //resolve:? x is same axis and the only visualization field
        }
    ],
    resolve: {"scale": {"y": "independent"}}
}]);

추신 : 이름과 제목 만 제거하고 모든 실제 스크립트.


더미 데이터로 에뮬레이션 : 잘 작동합니다!

rule가이드 의 세 번째 예를 클릭하십시오 ... 그리고이 VEGA-lite 스크립트에 맞게 교체하거나 수정하십시오.

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {"url": "data/movies.json"},
  "layer": [
    { 
      "mark": "bar",
      "encoding": {
        "x": {"bin": true, "field": "IMDB_Rating", "type": "quantitative"},
        "y": {"aggregate": "count", "type": "quantitative"}
      }
    },
    {
      "mark": "rule",
      "data": {"values": [{"IMDB_Rating":3.5},{"IMDB_Rating":7.8}]},
      "encoding": {
        "x": { "field": "IMDB_Rating","type": "quantitative" },
        "color": {"value": "yellow"},
        "size": {"value": 4}
      }
    }
  ]
}
Jakevdp

독립적 인 y 스케일을 사용하고 있으며 y 인코딩이없는 규칙 표시의 y 스케일이 잘 정의되어 있지 않습니다. 이를 해결하는 가장 좋은 방법은 규칙 표시를 다른 레이어 중 하나와 결합하여 해당 y 스케일을 사용할 수 있도록하는 것입니다.

vglSpec.push(['#vis2a',{
    $schema: vglVers,
    data: {"url":"MyDataset1"},
    // old "encoding": { x: {"field": "instant", "type": "temporal"} }
    width:680,
    layer: [
        {
            "mark": {"stroke": "#68C", "type": "line", "point": true},
            "encoding": { x: {"field": "instant", "type": "temporal"}, "y": {
                "field": "n_count", 
                "type": "quantitative"
            }},
            "selection": {"grid": {"type":"interval", "bind":"scales"}}   //zoom
        },
        {
          layer: [
            {
                "mark": {"stroke": "red", "type": "line", "strokeOpacity": 0.4},
                "encoding": { x: {"field": "instant", "type": "temporal"}, "y": {
                    "field": "instant_totmin", 
                    "type": "quantitative"
                }}
            },
            {
                "mark": "rule",
                "data": {"url":"MyDataset2"}, // little subset of instant of Dataset1
                "encoding": {
                  "x": { "field": "instant", "type": "temporal"},
                  "color": {"value": "yellow"},
                  "size": {"value": 5}
                },
            //resolve:? x is same axis and the only visualization field
            }
          ]
        }
    ],
    resolve: {"scale": {"y": "independent"}}
}]);

(참고, 질문에 데이터를 포함하지 않았기 때문에 실제로이 솔루션을 시도하지 않았지만 접근 방식이 효과가있을 것입니다).

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

ggplot에서 x 축 레이블을 수동으로 변경하는 방법은 무엇입니까?

분류에서Dev

파이썬으로 yaml 파일에 새 줄을 추가 / 업데이트하는 방법은 무엇입니까?

분류에서Dev

동일한 URL을 가진 새 이미지로 이미지를 캐시하는 방법은 무엇입니까?

분류에서Dev

동일한 이름의 새 개체로 개체를 역 직렬화하는 방법은 무엇입니까?

분류에서Dev

Python : 단일 트레이스에 보조 x 축을 추가하는 방법은 무엇입니까?

분류에서Dev

.htaccess 파일에 새 다시 쓰기 규칙을 추가하여 동일한 폴더의 다른 파일을 대상으로 지정하는 방법은 무엇입니까?

분류에서Dev

Matplotlib에서 공유 x 축에 동일한 레이블을 사용하는 방법은 무엇입니까?

분류에서Dev

x가 0, 0.001, 0.01, ..., 1000 범위 일 때 matplotlib 분산 형 그래프의 x 축을 수동으로 분할하는 방법은 무엇입니까?

분류에서Dev

경로 규칙을 동적으로 추가하는 방법은 무엇입니까?

분류에서Dev

특정 명명 규칙으로 파일 쌍을 압축하는 방법은 무엇입니까?

분류에서Dev

$ @을 Makefile 변수 종속 대상 규칙으로 업데이트하는 방법은 무엇입니까?

분류에서Dev

이전 열을 기반으로 한 값으로 데이터 프레임 중간에 새 열을 추가하는 방법은 무엇입니까?

분류에서Dev

OpenCV로 불규칙한 직사각형을 올바르게 회전하는 방법은 무엇입니까?

분류에서Dev

영역을 직사각형이 아닌 불규칙한 모양으로 만드는 방법은 무엇입니까?

분류에서Dev

열의 모든 이름을 y 축으로 가져와 ggplot을 사용하여 동일한 그래프에 플로팅하는 방법은 무엇입니까?

분류에서Dev

차트 JS에서 새 x 축을 추가하는 방법은 무엇입니까?

분류에서Dev

산점도에서 균일 한 간격으로 x 축 값을 변경하는 방법은 무엇입니까?

분류에서Dev

matplotlib에서 .subplot을 사용하는 동안 제목, x 축 레이블 및 y 축 레이블을 추가하는 방법은 무엇입니까?

분류에서Dev

EventBridge (CloudWatch 이벤트) 규칙을 생성하고 CDK를 사용하여 트리거로 Lambda 함수에 추가하는 방법은 무엇입니까?

분류에서Dev

키는 동일하지만 새 값이 추가되는 사전을 만드는 방법은 무엇입니까?

분류에서Dev

DRM으로 보호 된 WMV 파일을 새 컴퓨터로 이동하는 방법은 무엇입니까?

분류에서Dev

ctl 파일의 텍스트를 수직으로 수평으로 연결 한 다음 파이썬을 사용하여 새 ctl 파일에 저장하는 방법은 무엇입니까?

분류에서Dev

JQuery : 마우스 이동을 수직으로 비활성화하는 방법은 무엇입니까?

분류에서Dev

함수가 신속하게 호출 될 때마다 새 버튼을 자동으로 추가하는 방법은 무엇입니까?

분류에서Dev

R : Boxplot-x 축 레이블을 아래로 이동하는 방법은 무엇입니까?

분류에서Dev

R : Boxplot-x 축 레이블을 아래로 이동하는 방법은 무엇입니까?

분류에서Dev

데이터 프레임 변수 이름을 첫 번째 행으로 이동하고 목록의 여러 데이터 프레임에 새 변수 이름을 추가하는 방법은 무엇입니까?

분류에서Dev

화면에서 행을 수동으로 확인하고 새 열에 값을 추가하는 방법은 무엇입니까?

분류에서Dev

Firefox-x 분마다 열린 탭을 자동으로 새로 고치는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    ggplot에서 x 축 레이블을 수동으로 변경하는 방법은 무엇입니까?

  2. 2

    파이썬으로 yaml 파일에 새 줄을 추가 / 업데이트하는 방법은 무엇입니까?

  3. 3

    동일한 URL을 가진 새 이미지로 이미지를 캐시하는 방법은 무엇입니까?

  4. 4

    동일한 이름의 새 개체로 개체를 역 직렬화하는 방법은 무엇입니까?

  5. 5

    Python : 단일 트레이스에 보조 x 축을 추가하는 방법은 무엇입니까?

  6. 6

    .htaccess 파일에 새 다시 쓰기 규칙을 추가하여 동일한 폴더의 다른 파일을 대상으로 지정하는 방법은 무엇입니까?

  7. 7

    Matplotlib에서 공유 x 축에 동일한 레이블을 사용하는 방법은 무엇입니까?

  8. 8

    x가 0, 0.001, 0.01, ..., 1000 범위 일 때 matplotlib 분산 형 그래프의 x 축을 수동으로 분할하는 방법은 무엇입니까?

  9. 9

    경로 규칙을 동적으로 추가하는 방법은 무엇입니까?

  10. 10

    특정 명명 규칙으로 파일 쌍을 압축하는 방법은 무엇입니까?

  11. 11

    $ @을 Makefile 변수 종속 대상 규칙으로 업데이트하는 방법은 무엇입니까?

  12. 12

    이전 열을 기반으로 한 값으로 데이터 프레임 중간에 새 열을 추가하는 방법은 무엇입니까?

  13. 13

    OpenCV로 불규칙한 직사각형을 올바르게 회전하는 방법은 무엇입니까?

  14. 14

    영역을 직사각형이 아닌 불규칙한 모양으로 만드는 방법은 무엇입니까?

  15. 15

    열의 모든 이름을 y 축으로 가져와 ggplot을 사용하여 동일한 그래프에 플로팅하는 방법은 무엇입니까?

  16. 16

    차트 JS에서 새 x 축을 추가하는 방법은 무엇입니까?

  17. 17

    산점도에서 균일 한 간격으로 x 축 값을 변경하는 방법은 무엇입니까?

  18. 18

    matplotlib에서 .subplot을 사용하는 동안 제목, x 축 레이블 및 y 축 레이블을 추가하는 방법은 무엇입니까?

  19. 19

    EventBridge (CloudWatch 이벤트) 규칙을 생성하고 CDK를 사용하여 트리거로 Lambda 함수에 추가하는 방법은 무엇입니까?

  20. 20

    키는 동일하지만 새 값이 추가되는 사전을 만드는 방법은 무엇입니까?

  21. 21

    DRM으로 보호 된 WMV 파일을 새 컴퓨터로 이동하는 방법은 무엇입니까?

  22. 22

    ctl 파일의 텍스트를 수직으로 수평으로 연결 한 다음 파이썬을 사용하여 새 ctl 파일에 저장하는 방법은 무엇입니까?

  23. 23

    JQuery : 마우스 이동을 수직으로 비활성화하는 방법은 무엇입니까?

  24. 24

    함수가 신속하게 호출 될 때마다 새 버튼을 자동으로 추가하는 방법은 무엇입니까?

  25. 25

    R : Boxplot-x 축 레이블을 아래로 이동하는 방법은 무엇입니까?

  26. 26

    R : Boxplot-x 축 레이블을 아래로 이동하는 방법은 무엇입니까?

  27. 27

    데이터 프레임 변수 이름을 첫 번째 행으로 이동하고 목록의 여러 데이터 프레임에 새 변수 이름을 추가하는 방법은 무엇입니까?

  28. 28

    화면에서 행을 수동으로 확인하고 새 열에 값을 추가하는 방법은 무엇입니까?

  29. 29

    Firefox-x 분마다 열린 탭을 자동으로 새로 고치는 방법은 무엇입니까?

뜨겁다태그

보관