Highcharts: TypeError : 정의되지 않은 'pos'속성을 읽을 수 없습니다.

안녕하세요 @ Lir10

지원팀에 문의 해 주시겠습니까? 참조 : https://www.highcharts.com/support

버그 보고서에는 github 문제를 사용합니다. 귀하의 경우 이것이 Highstock의 버그인지, 잘못 구성된 차트인지 또는 highcharts-ng 모듈의 버그인지 확실하지 않습니다.

어떤 아이디어?

단 하나의 아이디어 : 오류는 xAxis / yAxis 틱 문제를 제안하므로 거기에 정의 된 옵션을 제거하고 문제가 해결되는지 확인하려고합니다. 그렇다면 highcharts-ng없이 jsfiddle에서 문제를 재현하여 Highstock lib의 버그인지 확인하십시오.

안녕하세요 @pawelfus ,

당신이 옳았습니다-문제는 xAxis 틱에있었습니다

문제 종결

@ Lir10 문제가 무엇인지 물어봐도 될까요? 나는 같은 문제가 있으며 원인을 정확히 밝히려고 노력하고 있습니다. 감사!

뿡뿡

이 작업을 제안합니다.

어떤 아이디어?

단 하나의 아이디어 : 오류는 xAxis / yAxis 틱 문제를 제안하므로 거기에 정의 된 옵션을 제거하고 문제가 해결되는지 확인하려고합니다. 그렇다면 highcharts-ng없이 jsfiddle에서 문제를 재현하여 Highstock lib의 버그인지 확인하십시오.

@ Lir10 , 아직도 기억한다면 문제가 정확히 어디에 있었는지 설명해 주시겠습니까? 나는 같은 문제에 직면하고 있지만 상황을 파악할 수 없으며 무작위로 발생하며 불행히도 @pawelfus 의 대답은 거의 도움이되지 않습니다.

안녕하세요 @davletovalmir

문제를 재현하는 안정적인 방법을 제공 할 수있는 경우 필요한 데모 또는 파일에 대한 링크를 공유하십시오.

@KacperMadej , 아직 근본 원인을 찾을 수 없었지만 여기에 제가 알아 낸 것이 있습니다 (아래 난독 화 된 코드 조각에 대해 미리 죄송합니다).

1. 해당 블록 내부의 step 함수에서 오류가 발생합니다.

d.group.animate({
  scaleY: 1
}, G(z(d.options.animation), {
  step: function(a, b) {
    h[f] = v + b.pos * (c.pos - v); /// <-- b is undefined
    d.group.attr(h)
  }
}))

1. step 함수는 여기서 알 수 있듯이 컨텍스트를 포함하지만 a 및 b 인수없이 여기에서 호출됩니다.

animate: function(e, q, b) {
  q = a.animObject(y(q, this.renderer.globalAnimation, !0));
  y(m.hidden, m.msHidden, m.webkitHidden, !1) && (q.duration = 0);
  0 !== q.duration ? (b && (q.complete = b),
    h(this, e, q)) : (this.attr(e, null, b),
  q.step && q.step.call(this)); /// <-- function called without arguments
  return this
}

1. 해당 animate 함수는 SVGElement 일부이며 render 함수 내에서 호출되었습니다.
2. 나는 이것을 재현하는 방법을 찾았지만 이상합니다. 앱의 라이브 리로드, 차트가 처음 렌더링 될 때, 주로 브라우저에 초점이 맞지 않을 때 발생합니다.

나는 그 문제를 깊이 조사 할 시간이 충분하지 않았습니다. 내가 찾은 것이 도움이되기를 바랍니다.

PS 콘솔 오류가있는 스크린 샷도 첨부합니다. 많은 도움이 될지 확실하지 않지만 누가 알겠습니까 :)

안녕하세요.
정보를 주셔서 감사합니다. 문제를 재현하기에 충분합니다.

다음 은 코드 수정에 대한
https://jsfiddle.net/BlackLabel/L6x08jeq/1/

데모의 코드 수정 사항을 코드에 적용 할 수 있습니다 (예 : 기본 Highcharts 파일 뒤에 모듈). 시간이 있다면 앱의 오류가 해결되는지 확인하세요.

참고 : 축소되지 않은 Highcharts 관련 파일의 사람이 읽을 수있는 코드는 .src.js -예 : highcharts.src.js 와 함께 파일을 사용하여 사용할 수 있습니다.

세부 정보 (긴 이야기라고도 함) :

차트가 처음으로 렌더링되고 주로 브라우저에 초점이 맞지 않을 때

확인해야 할 사항입니다. 이것은 초점이 맞지 않는 브라우저 카드 / 창의 애니메이션을 방지하는 최근 기능과 연결되었을 수 있습니다 (아무도보고 있지 않을 때 애니메이션을 적용 할 필요가 없기 때문입니다).

축소되지 않은 코드에서 올바른 해당 코드를 얻을 수있었습니다. 여기서 핵심은 열 시리즈 유형을 사용하는 것입니다.

데모 : https://jsfiddle.net/BlackLabel/L6x08jeq/
단계 :

1. 브라우저 콘솔 열기
2. 차트가 오류없이 열리고 콘솔을 열어 둡니다.
3. 실행 버튼을 누르고 탭을 숨 깁니다.
4. 차트가 렌더링 된 후 콘솔에 오류가 표시됩니다.

_ 내부 참고 : _
H.pick((fx && fx.pos), 1) 대신 fx.pos 문제를 해결하는 것 같다,하지만 시험이 확인에 필요합니다.

@KacperMadej , 감사합니다. 수정 작품 :)
이 수정 사항이 언제 릴리스 될지 예상해 주시겠습니까?

안녕하세요.
수정 사항은 이번 주 PR에 포함될 예정이며 다음 Highcharts 버전과 함께 릴리스 될 예정입니다.

그동안 :

• 이제 해결책은 데모에 표시된대로 래핑 된 코드를 추가하는 것입니다.
• 커밋이 완료되면 Highcharts 빌드와 함께 수정 사항이있는 분기와 관련된 GitHub 기반 링크를 통해 수정 사항에 액세스 할 수 있습니다.
• PR이 승인 된 후 수정 된 Highcharts 빌드는 GitHub 기반 링크 ( https://github.highcharts.com/highcharts.src.js)의 마스터 브랜치에서 액세스 할 수 있습니다.

이 문제는 animate 함수가 애니메이션을 우회 할 때 step 적절한 인수를 전달하지 않아서 발생했기 때문에 대신 수정했습니다.

@KacperMadej 다음 릴리스까지 얼마나 걸립니까? 우리는 앵귤러 하이 차트에서 방금 마이그레이션했으며 며칠 내에 더 이상 존재하지 않을 버그를 수정하기위한 추가 코드로 시작하는 대신 기능 브랜치를 병합하기 전에 수정이 포함 된 버전을 설치하고 싶습니다.

다음 버전 (7.0.3)은 이번 주 말에 예정되어 있습니다.

업데이트 된 ETA가 있습니까?

회귀 테스트가 진행 중입니다. 모든 문제가 해결되면 새 버전이 출시 될 예정입니다. 곧 새 버전이 출시 될 예정입니다.

지금 출시되었습니다 @yhoiseth

단! 알려 주셔서 감사합니다 🙂

어떤 이유로 GitHub가이 저장소에 대한 "릴리스를보고 있지만"알려주지 않았습니다 🤔

알림을받지 못한 이유는 모르겠지만 메일 링리스트에 가입 할 수 있습니다. https://www.highcharts.com/blog/download/