Quickchart.io 上的雷达图设置选项出现问题
Trouble setting options for radar chart on Quickchart.io
我正在尝试使用 quickchart.io 制作雷达图。我在原始 html 上完成了我想要的外观，但出于某种原因，quickchart 在径向选项方面不喜欢它:(
{
type: 'radar',
data: {
labels: ['A', 'B', 'C', 'D', 'E'],
datasets: [
{
data: [5, 4, 3, 3, 5],
label: 'Dataset'
},
{
data: [5, 4, 5, 3, 2],
label: 'Dataset 2'
}
],
},
options: {
scales: {
r: [
{
min:'0',
max:'5',
ticks: {
stepSize: '1'
},
},
],
}
},
}
看起来它完全忽略了 options 中的所有内容。如您所见，我希望图表始终从 0 开始，刻度线增加 1。这是上面代码的结果：
谁能帮帮我？
quickchart.io 根据他们的 documentation 默认为最新的 Chart.js v2。因此，你的图表options需要这样写。或者，您可以尝试定义 version 参数以明确告诉 quickchart.io 使用 Chart.js v3.
options: {
scale: {
ticks: {
suggestedMin: 0,
suggestedMax: 5,
stepSize: '1'
}
}
}
For further details about the latest Chart.js v2 radar charts, please consult https://www.chartjs.org/docs/2.9.4/charts/radar.html
您正在尝试使用 v3 语法，但您使用的不正确，天平不再使用数组。您还必须指定您正在使用 v3 的快速图表 https://quickchart.io/chart?version=3&c=CHARTCONFIG
为您正确配置 V3 秤：
scales: {
r:{
min:'0',
max:'5',
ticks: {
stepSize: '1'
},
},
}
我正在尝试使用 quickchart.io 制作雷达图。我在原始 html 上完成了我想要的外观，但出于某种原因，quickchart 在径向选项方面不喜欢它:(
{
type: 'radar',
data: {
labels: ['A', 'B', 'C', 'D', 'E'],
datasets: [
{
data: [5, 4, 3, 3, 5],
label: 'Dataset'
},
{
data: [5, 4, 5, 3, 2],
label: 'Dataset 2'
}
],
},
options: {
scales: {
r: [
{
min:'0',
max:'5',
ticks: {
stepSize: '1'
},
},
],
}
},
}
看起来它完全忽略了 options 中的所有内容。如您所见，我希望图表始终从 0 开始，刻度线增加 1。这是上面代码的结果：
谁能帮帮我？
quickchart.io 根据他们的 documentation 默认为最新的 Chart.js v2。因此，你的图表options需要这样写。或者，您可以尝试定义 version 参数以明确告诉 quickchart.io 使用 Chart.js v3.
options: {
scale: {
ticks: {
suggestedMin: 0,
suggestedMax: 5,
stepSize: '1'
}
}
}
For further details about the latest Chart.js v2 radar charts, please consult https://www.chartjs.org/docs/2.9.4/charts/radar.html
您正在尝试使用 v3 语法，但您使用的不正确，天平不再使用数组。您还必须指定您正在使用 v3 的快速图表 https://quickchart.io/chart?version=3&c=CHARTCONFIG
为您正确配置 V3 秤：
scales: {
r:{
min:'0',
max:'5',
ticks: {
stepSize: '1'
},
},
}