chart.js - Chartjs 3.40 和更新版本不能与 Qualtrics 一起使用

Question

这是一个示例（在 qualtrics 中不起作用，如果我只是制作一个 HTML 文件并在浏览器中打开，则可以正常工作）

在质量方面：

• 做一个（文字/图形问题）

• 在 HTML 中放<canvas id="myChart" style="width:100%;max-width:700px"></canvas>

• 在问题 javascript put

jQuery.getScript("https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.4.0/chart.js", function(){
var xyValues = [
  {x:50, y:7},
  {x:60, y:8},
  {x:70, y:8},
  {x:80, y:9},
  {x:90, y:9},
  {x:100, y:9},
  {x:110, y:10},
  {x:120, y:11},
  {x:130, y:14},
  {x:140, y:14},
  {x:150, y:15}
];

new Chart("myChart", {
  type: "scatter",
  data: {
    datasets: [{
      pointRadius: 4,
      pointBackgroundColor: "rgb(0,0,255)",
      data: xyValues
    }]
  },
  options: {
    legend: {display: false},
    scales: {
      xAxes: [{ticks: {min: 40, max:160}}],
      yAxes: [{ticks: {min: 6, max:16}}],
    }
  }
});

});

然后，如果您尝试预览调查，图表将无法加载，您将收到控制台错误TypeError: undefined is not an object (evaluating 'iScale.axis')

如果您将源更改为https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.3.2/chart.js（版本 3.3.2），则图表将加载。

有什么办法处理这个吗？还是坚持使用 3.3.2 或更早版本的唯一选择？

jQuery.getScript旁白：您可以将脚本源放在外观标题部分中，而不是使用。虽然行为相同。

标签： chart.jsqualtrics