我知道我一定犯了一個基本錯誤，但我對此并不陌生。我想用來自服務器的資料在我的視圖中填充折線圖（chart.js）。我已經確認在視圖中收到了資料，但我懷疑它的格式有誤。
我的控制器：
public ActionResult GetLineChartData()
{
var data = new
{
title = "test_data",
data = new[] {
new { value = "V1", key = "11"},
new{ value = "V2", key = "10"}
}
};
return Json(data, JsonRequestBehavior.AllowGet);
}
在我看來：
<canvas id="lineChart" width="400" height="400"></canvas>
<button id="lineChartUpdate">Update Chart</button>
<script>
$(document).ready(function () {
$("#lineChartUpdate").click(function () {
$.ajax({
type: "Post",
url: '@Url.Action("GetLineChartData", "Posts")',
data: {},
dataType: "json",
traditional: true,
success: function (data) {
new Chart('lineChart', {
type: 'line',
data: {
labels: data.data.map(a => a[0]),
datasets: [{
label: 'My Dataset',
data: data.data.map(a => a[1]),
fill: false,
borderColor: 'red'
}]
},
options: {
scales: {yAxes: [{ ticks: { beginAtZero: true } }]}
}
});
}
});
});
});
</script>
我收到此錯誤：“比例尺配置無效：yAxes”
uj5u.com熱心網友回復：
這是因為它是無效的，正如錯誤所說，您正在使用 V2 配置和 V3。
在 V3 中，所有比例在 scales 物件中都有自己的物件，而不是 2 個陣列。
更改為：
scales: {
y: {
// Scale config
}
}
將洗掉警告并使配置正確應用
對于 V2 和 V3 之間的所有更改，請閱讀遷移指南
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/415412.html
標籤：