Highcharts: 升级到 8.1.1 后渲染空饼图时出错

创建于 2020-06-14 · 22评论 · 资料来源: highcharts/highcharts

预期行为

空饼图呈现没有错误。

实际行为

出现错误：
ReferenceError: Highcharts is not defined
https://github.com/highcharts/highcharts/blob/decfc3ab47ec88e28472f065fd2454b46c9f1fd1/js/parts/PieSeries.js#L789

带有重现步骤的现场演示

https://codesandbox.io/s/highcharts-vue-demo-ye65e

产品版本

8.1.1

受影响的浏览器

全部

Done Regression

资料来源

pablolmedorado

👍3

最有用的评论

在 8.1.2 中确认这对我来说仍然是一个问题

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

Crocsx 于 2020-06-18

👍7 👀1

所有22条评论

所有初始化为空并稍后填充数据的动态饼图，异步，从 8.1.0 更新到 8.1.1 被破坏

clemeno 于 2020-06-15

👍1

嗨@pablolmedorado和@clemeno
感谢您报告问题！

看起来问题仅与最新版本有关，并且与所有包装器有关。实际上它已经在master分支上修复了，因为在将master的最新版本放入代码和框示例中，并替换 Highcharts 版本后，问题似乎消失了。
总之，我们需要在未来几天发布新版本，这个问题会自动解决。

实例： https :

亲切的问候！

Denyllon 于 2020-06-15

👍3 ❤1 🎉1

这个问题似乎仍然存在于 8.1.2 的发布版本中，至少在发布到 npm 的版本中是这样。

bazineta 于 2020-06-16

👍4 😕2

重开问题。

@bre1470 - 你能检查一下吗？ #13681 已关闭，但似乎Highcharts命名空间也在核心中使用，而不仅仅是在模块中。演示： https :

pawelfus 于 2020-06-17

在 8.1.2 中确认这对我来说仍然是一个问题

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

Crocsx 于 2020-06-18

👍7 👀1

在两种情况下，它被重现：

series.data 为空时
当数据中所有 y 轴为 0 时

jitension 于 2020-06-18

对解决方法感到好奇，直到修复完成。使用@pawelfus 的 repro链接并将 highcharts 版本修改为 8.1.0 _appears_ 来解决此问题。这是目前建议的解决方法吗？

kennyjwilli 于 2020-06-25

对解决方法感到好奇，直到修复完成。使用@pawelfus 的 repro链接并将 highcharts 版本修改为 8.1.0 _appears_ 来解决此问题。这是目前建议的解决方法吗？

在我们的例子中，问题是通过创建一个没有数据的图表，然后再添加数据来触发的。碰巧的是，我们当时已经有了数据，因此可以用数据创建图表，从而避免了这个问题。如果这对您来说是一个选择，那么值得一看。

bazineta 于 2020-06-26

@kennyjwilli如果您希望利用自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。