Javascript 使用Chart.js在雷达图中显示点值

如何使用chart.js在图表中显示值

更新：我正在使用下面的选项，但找不到任何答案

    options: {
    scale: {
      angleLines: {
        lineWidth: 0.5,
        color: 'rgba(128, 128, 128, 0.2)'
      },
      pointLabels: {
        fontSize: 14,
        fontStyle: '300',
        fontColor: 'rgba(204, 204, 204, 1)',
        fontFamily: "'Lato', sans-serif"
      },
      ticks: {
        beginAtZero: true,
        maxTicksLimit: 4,
        min: 0,
        max: 4,
        display: false
      }
    }
}



Sample pen https://codepen.io/melvik/pen/ZEGaexy

预期结果

---

提前谢谢

好的，我用这个软件包又花了两个多小时研究了一下，才找到了答案 &

数据标签数据标签格式化程序

1/2. 基本示例-返回“hello world”

2/2. “实例”-返回

值

：

格式化程序：函数（值、上下文）{
返回context.chart.data.labels[context.value]；
}

工具提示：false 将工具提示设置为false（我们使用可见值）

基本代码段示例：

//更改所有图表的默认选项
Chart.helpers.merge（Chart.defaults.global.plugins.datalabels{
不透明度：1，
textAlign:'左'，
颜色：'白色'，
边框颜色：“#11469e”，
边界宽度：2，
边界半径：100，
字体：{
重量：'粗体'，
尺码：12，
线宽：1/*与v中心对齐*/
},
填充：{
排名：5
},
/*悬停样式*/
背景颜色：功能（上下文）{
返回context.hovered？context.dataset.borderColor:“白色”；
},
颜色：功能（上下文）{
返回context.hovered？'white'：context.dataset.borderColor；
},
听众：{
输入：函数（上下文）{
context.hovered=true；
返回true；
},
离开：功能（上下文）{
context.hovered=false；
返回true；
}
}
});
风险值数据={
标签：[“球技”、“射门”、“身体”、“防守”、“传球”]，
数据集：[{
标签：“德玛丽亚”，
背景色：“rgba（38120255,0.2）”，
边框颜色：“rgba（38120255，1）”，
数据：[90,86,76,65,82]
}]
};
变量选项={
回答：是的，
工具提示：false，
标题：{
文本：“chartjs插件数据标签-基本示例”，
显示：对，
位置：`bottom`，
},
插件：{
/* ######### https://chartjs-plugin-datalabels.netlify.com/ #########*/
数据标签：{
/*格式化程序*/
格式化程序：函数（值、上下文）{
返回context.chart.data.labels[context.value]；
}
}
},
/*比例：https://www.chartjs.org/docs/latest/axes/radial/linear.html#axis-范围设置*/
比例：{
斜线：{
显示：真
},
点标签：{
/* https://www.chartjs.org/docs/latest/axes/radial/linear.html#point-标签选项*/
尺寸：15，
fontColor:'黑色'，
字体：“粗体”，
回调：函数（值、索引、值）{
返回值；
}
},
滴答声：{
/* https://www.chartjs.org/docs/latest/axes/styling.html#tick-配置*/
/*suggestedMax和suggestedMin设置仅更改用于缩放轴的数据值*/
建议分钟：0，
建议最大值：100，
步长：25，/*25-50-75-100*/
maxTicksLimit:11、/*或使用最大刻度数和网格线显示*/
显示：false，//仅删除标签文本，
}
},
图例：{
标签：{
填充：10，
尺寸：14，
线高：30，
},
},
};
var myChart=新图表（document.getElementById（“图表”）{
类型：“雷达”，
数据：数据，
选项：选项
});





这个问题有很多问题：-你要求别人为你做所有的工作-你没有展示你自己的作品-看起来你根本没有做任何研究-你的问题没有正确格式化，例如，我不能点击链接-不要只是链接到东西，它可能会过期。-@DaJF很抱歉给您带来困惑，但我确实花了很多钱，但没有结果，所以我不得不寻求帮助。我会更新我的问题。
tooltips: false,