ChartJS 条形图在使用 cdn 时不尊重禁用的图例

Question

我是 ChartJS 的新手，但这感觉就像我运行遇到了一个错误。我写了下面的jsFiddle作为例子来演示这个问题。

HTML

<!-- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> -->
<canvas id="myChart"></canvas>

Javascript

var servicelabels = ["January", "February", "March", "April", "May", "June", "July"];
var servicechartData = [65, 0, 80, 81, 56, 85, 40];


barColors = ["#008000","#0000FF","#800080","#00FF00","#FF00FF","#008080","#FFFF00","#808080","#00FFFF","#000080","#800000","#008000","#0000FF","#800080","#00FF00","#FF00FF","#008080","#FFFF00","#808080","#00FFFF","#000080","#800000"];

var ctx = document.getElementById("myChart").getContext("2d");
new Chart(ctx, {
type: 'bar',
data: { labels: servicelabels, datasets: [{ data: servicechartData, backgroundColor: barColors}]},
options: { legend: {display: false }}});

目前，fiddle 的行为符合我的要求（没有图例的条形图，因为它的显示属性设置为 false）。但是，如果您取消注释 HTML 中的第一行以使用 CDN link 作为来源，它不再尊重禁用的图例。

我目前正在进行的项目需要这个 cdn 源 link，我需要禁用图例，因此我的问题。

任何建议都很好，感谢您的关注。安德鲁

Answer 1

可能是版本不匹配，根据 chart.js 的最新版本，以删除图例。 CDN 可能正在使用最新的 chart.js

  options: {
          plugins:{   
             legend: {
               display: false
                     },
                  }
             }

ChartJS 条形图在使用 cdn 时不尊重禁用的图例

ChartJS Bar Chart not respecting disabled legend when using cdn

javascript

chart.js