javascript - Zing Chart 的十字线特征是 CPU 泄漏

Question

当我在图表中启用十字准线功能时，在 Chrome 56 中一切正常，但是当我将 Chrome 升级到 57(现在甚至是 chrome 58 和 ZingChart 2.6.0)时，将鼠标悬停时 CPU 使用率始终高于 25%图表，例如看到十字准线。当我有 2 个图表时，CPU 使用率上升到 99%，浏览器变慢并很快崩溃。

我尝试禁用所有功能以查看导致此问题的原因，当我禁用十字准线时，CPU 使用率再次正常。如果我禁用除十字准线功能以外的所有功能，则会观察到相同的 CPU 占用效果。

释放资源的唯一方法是终止选项卡。

这是我的代码:

var dataChart = {
  id: "ShSDbePYhAxC",
  data: {
    type: "area",
    "crosshair-x": {
      "plot-label": {
        text: "The %t Series has a value of %v."
      }
    },
    gui: {
      behaviors: [
        {
          id: "Reload",
          enabled: "none"
        }
      ],
      contextMenu: {
        customItems: [
          {
            function: "zingAlert()",
            id: "zingAlert",
            text: "zing Alert"
          }
        ]
      }
    },
    item: {
      angle: -30
    },
    legend: {
      "background-color": "white",
      "border-color": "black",
      "border-radius": "5px",
      "border-width": 2,
      layout: "1xauto",
      padding: "10%",
      x: "12%",
      y: "90%"
    },
    plot: {
      alphaArea: 1,
      aspect: "spline",
      "bar-width": "15px",
      "contour-on-top": false,
      lineWidth: "2px",
      stacked: true,
      marker: {
        visible: false
      },
      tooltip: {
        visible: false
      }
    },
    plotarea: {
      "margin-bottom": "23%",
      "margin-left": "dynamic"
    },
    "scale-x": {
      item: {
        angle: -30
      },
      labels: [
        "Name0", "Name1", "Name2", "Name3", "Name4"
      ]
    },
    "scale-y": {
      label: {
        "font-size": "15%",
        text: "Number Of Visitors"
      }
    },
    series: [
      {
        text: "Text A",
        values: [11111, 222222, 3333333, 444444, 55555]
      },
      {
        text: "Text B",
        values: [6666, 777777, 88888, 99999, 12121212]
      }
    ]
  },
  height: 550,
  output: "canvas",
  width: "100%",
}

Answer 1

所以我们一直倾向于相信这可能是 chrome 和 Angular 的问题。为了确认这一点，您可以将您的 zingchart 版本恢复到旧版本，如 v2.2.2。您可以通过以下链接的 cdn 访问此版本

根目录: http://cdn.zingchart.com/2.2.2/

ZingChart.min: http://cdn.zingchart.com/2.2.2/zingchart.min.js

模块: http://cdn.zingchart.com/2.2.2/modules/

如果问题仍然存在，那是浏览器和 Angular 的问题，我们知道应该把精力集中在哪里。如果问题消失，则直接是 ZingChart 问题。