Highcharts: 8.1.1로 업그레이드한 후 빈 원형 ​​차트를 렌더링하는 동안 오류가 발생했습니다.

비어 있는 상태 로

안녕하세요 @pablolmedorado 및 @clemeno
문제를 신고해 주셔서 감사합니다!

문제는 최신 버전에만 있고 모든 래퍼와 관련된 것 같습니다. 실제로는 master 브랜치에서 이미 수정되었지만 master 의 최신 빌드를 코드샌드박스 예제에 넣고 Highcharts 버전을 교체한 후 문제가 사라진 것처럼 보이기 때문입니다.
요약하자면, 우리는 곧 새 버전을 출시해야 하며 이 문제는 자동으로 해결됩니다.

라이브 예시: https://codesandbox.io/s/highcharts-vue-demo-61e0v

감사합니다!

이 문제는 적어도 npm에 게시된 버전 8.1.2에서 여전히 존재하는 것으로 보입니다.

문제를 다시 엽니다.

@bre1470 - 확인해 Highcharts 네임스페이스는 모듈뿐만 아니라 코어에서도 사용되는 것 같습니다. 데모: https://codesandbox.io/s/highcharts-vue-demo-5o9qu?file=/package.json

이것이 8.1.2에서도 여전히 문제인지 확인하십시오.

https://stackblitz.com/edit/angular-ivy-udtk3a?file=package.json

두 가지 시나리오에서 재현됩니다.

1. series.data가 비어 있는 경우
2. 데이터의 모든 y축이 0일 때

수정 사항이 나올 때까지 해결 방법이 궁금합니다. @pawelfus 의 repro 링크를 사용하고 highcharts 버전을 8.1.0 _appears_로 수정하여 이 문제를 해결하세요. 이것이 현재 제안된 해결 방법입니까?

수정 사항이 나올 때까지 해결 방법이 궁금합니다. @pawelfus 의 repro 링크를 사용하고 highcharts 버전을 8.1.0 _appears_로 수정하여 이 문제를 해결하세요. 이것이 현재 제안된 해결 방법입니까?

우리의 경우 데이터 없이 차트를 만든 다음 나중에 데이터를 추가하여 문제가 발생했습니다. 그것이 일어났을 때, 우리는 그 시점에 이미 데이터를 가지고 있었고, 따라서 데이터로 차트를 생성할 수 있었고, 따라서 문제를 피할 수 있었습니다. 그것이 당신을위한 옵션이라면 살펴볼 가치가 있습니다.

@kennyjwilli 8.1.0 이후 변경 사항이 있으면 활용하려는 경우 drawEmpty 메서드를 다음과 같이 래핑할 수도 있습니다.

// Workaround for https://github.com/highcharts/highcharts/issues/13710
(function(H) {
  H.seriesTypes.pie.prototype.drawEmpty = function() {
    var centerX,
      centerY,
      start = this.startAngleRad,
      end = this.endAngleRad,
      options = this.options;
    // Draw auxiliary graph if there're no visible points.
    if (this.total === 0) {
      centerX = this.center[0];
      centerY = this.center[1];
      if (!this.graph) {
        this.graph = this.chart.renderer
          .arc(centerX, centerY, this.center[1] / 2, 0, start, end)
          .addClass("highcharts-empty-series")
          .add(this.group);
      }
      this.graph.attr({
        d: H.SVGRenderer.prototype.symbols.arc(
          centerX,
          centerY,
          this.center[2] / 2,
          0,
          {
            start: start,
            end: end,
            innerR: this.center[3] / 2
          }
        )
      });
      if (!this.chart.styledMode) {
        this.graph.attr({
          "stroke-width": options.borderWidth,
          fill: options.fillColor || "none",
          stroke: options.color || "#cccccc"
        });
      }
    } else if (this.graph) {
      // Destroy the graph object.
      this.graph = this.graph.destroy();
    }
  }
})(Highcharts);

codesandbox.io의 작업 예제

그렇지 않으면 지금은 8.1.0을 사용하는 것이 좋습니다.

수정 #13770이 #13722를 처리하지 않는 것 같습니다.

#13722에서 문제를 재현하는 데모를 제공했습니다.
다음 줄은 이 문제의 원인입니다.
https://github.com/highcharts/highcharts/blob/c7e1976467a3b0e1620d44a414af2470716732b9/js/parts/ColumnSeries.js#L571

이것은 2.7.0에서 여전히 나에게 일어나고 있습니다.

https://stackblitz.com/edit/angular-ivy-2zlkmm

안녕하세요 @Crocsx - 이 수정 사항은 릴리스되지 않았습니다. 다음 릴리스는 다음 달로 예정되어 있습니다. 지금은 여기에 게시된 작업을 다운그레이드하거나 사용해야 합니다. https://github.com/highcharts/highcharts/issues/13710#issuecomment -650014654

추신: 현재 Highcharts 버전은 v8.1.2입니다.

아 맞아요 죄송합니다. highchart-angular 업데이트와 혼동했습니다. 이 highchart가 여전히 8.1.2에 있는 것을 보지 못했습니다. 죄송합니다.

안녕하세요 @Crocsx - 이 수정 사항은 릴리스되지 않았습니다. 다음 릴리스는 다음 달로 예정되어 있습니다. 지금은 다운그레이드하거나 여기에 게시된 workaorund를 사용해야 합니다. #13710(댓글)

추신: 현재 Highcharts 버전은 v8.1.2입니다.

@pawelfus 다음 릴리스 날짜가 있습니까?

우리는 다음 주 @felipemfp를 목표로 합니다.

비슷한 문제가 발생했습니다. 범례를 클릭하면 다른 데이터는 0입니다.감사합니다!
"하이차트": "^8.2.0",

안녕하세요 @the-gc - v8.2.0에서 문제를 재현할 수 없습니다. 살펴보세요: https://jsfiddle.net/BlackLabel/ncpL97eq/ - 내 데모를 업데이트할 수 있습니까? 감사 해요!

highcharts 8.2.0으로 업데이트하여 문제가 해결되었음을 확인할 수 있습니다.

감사 해요!

여기에서도 마찬가지로 잘 작동합니다.

안녕하세요 @pawelfus - 오늘 프로젝트가 재구축되었고 문제가 해결되었습니다. 대단히 감사합니다!

확인해주셔서 감사합니다!

내 yarn.lock 파일에 여러 버전의 하이차트가 있었기 때문에 이런 일이 나에게도 일어났습니다. 8.2.0에서 통합되면 충돌이 사라졌습니다.