小编Skj*_*jal的帖子

内联插件不起作用

根据Chart.js docs,以下代码应该可以工作:

new Chart(document.getElementById(chartID), {
   type: 'pie',
   responsive: true,
   maintainAspectRatio: false,
   data: {
      labels: graph.globals.labels,
      datasets: [{
         backgroundColor: pieOptions.backgrounds,
         data: pieOptions.objToArr(graph.meetingsData),
         hoverBorderWidth: 5,
         borderColor: 'transparent',
      }]
   },
   options: {
      title: {
         display: true,
         text: graph.globals.title,
      },
      legend: {
         display: true,
         position: 'bottom',
         fullWidth: false,
         onClick: () => {},
         labels: {
            generateLabels: (chart) => {
               return pieOptions.legendLeft(chart);
            }
         }
      },
      plugins: [{
         beforeInit: function(chart, options) {
            console.log('yolo');
         }
      }]
      rotation: 3.9,
   }
});
Run Code Online (Sandbox Code Playgroud)

但是,当我使用变量创建插件,或者像上面所示那样创建内联插件时,它不会记录任何内容。我可以使用插件的唯一方法是在全局注册它。

有人可以向我解释为什么它不起作用吗?

chart.js chart.js2

6
推荐指数
1
解决办法
4104
查看次数

标签 统计

chart.js ×1

chart.js2 ×1