ChartJS X和Y数据结构中的DataLabel插件值更改

jdg4fx2g  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(240)

我使用数据标签插件来显示Y值,但作为数据结构附加在下面显示x和y轴

  1. public barChartData:any ={
  2. datasets: [
  3. {
  4. data: [{x:'Sales', y:20}, {x:'Revenue', y:10}],
  5. label:"point 1",
  6. backgroundColor:'rgba(238, 83, 79, 1)'
  7. },
  8. {
  9. data: [{x:'Sales', y:40}, {x:'Revenue', y:40}],
  10. label: "point 2"
  11. }
  12. ]
  13. };


这些是图表的数据结构,是显示Y值而不改变数据结构的任何方式,只有在数据中的Y值。

sirbozc5

sirbozc51#

在数据标签的选项内使用格式化程序函数

  1. datalabels: {
  2. formatter:(value, context) => {
  3. return value.y
  4. },

相关问题