小编Ton*_*ump的帖子

我有几个 Chart.js 图表，以后可能需要更新。

当我需要更新图表时，是否可以从canvas元素中提取myChart对象？或者我是否必须在全局范围内保存每个 myChart 对象？

for(var i=1; i<=5; i++) {
  createChart(i);
}

function createChart(i) {
  var $chart = $('<canvas id="chart-' + i + '" width="400" height="400"></canvas>').appendTo('body');
  var myChart = new Chart($chart, {
    data: {
      datasets: [{
          data: [Math.random(), Math.random(), Math.random(), Math.random()]
      }]
    }
  });
}

现在是一些伪代码，我想稍后更新图表 2：

var updateChart = $('#chart-2'); // This is where I'd need to get the chart data from the canvas element

updateChart.data.datasets[0].data = updateChart.data.datasets[0].data.push(Math.random());

updateChart.update();

我在 Chartjs (v2.9.3) 中设置以下默认值来更改条形图的默认外观：

Chart.defaults.bar.scales.xAxes[0].categoryPercentage = .95;

这会导致以下弃用警告：

bar chart: "scales.[x/y]Axes.categoryPercentage" is deprecated. Please use "dataset.categoryPercentage" instead

但我无法让它发挥作用，除我尝试过的其他方法外：

Chart.defaults.bar.dataset.categoryPercentage = 1;
Chart.defaults.bar.datasets[0].categoryPercentage = 1;
Chart.defaults.global.bar.dataset.categoryPercentage = 1;
Chart.defaults.global.bar.datasets[0].categoryPercentage = 1;

是否有好的资源可以找到设置默认值的正确命令？不幸的是，其他优秀的文档在这方面非常不完整。

上述并不是我遇到的唯一默认设置。

例如，以下内容不会执行任何操作（即使Chart.defaults.global.hover.animationDuration = 50;有效）：

Chart.defaults.global.hover.mode = 'index';
Chart.defaults.global.hover.intersect = true;

我有一个带有半透明黑色状态栏的全屏网络应用程序。body 标签的背景是#333。

为了强调模态，我想使所有内容变暗。如果我使用具有以下属性的叠加 div，它不会覆盖状态栏的背景。

div#overlay {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 100vh;
}

有人知道如何使状态栏变暗吗？（无需直接更改body标签的颜色）

仅供参考，我的网络应用元标记是：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

PS：{top: -20px;} 不起作用，状态栏仍然亮着。