ChartJS 圆形网格雷达和标尺最大/最小值不工作-图表

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

我试图设置最小/最大起始值的规模和圆形网格的雷达在图表,但没有一个似乎工作。

  1. const chart1 = new Chart($('#chart-area1'), {
  2. type: 'radar',
  3. data: {
  4. labels: ['test1', 'test2', 'test3'],
  5. datasets: [{
  6. label: '1',
  7. data: [20, 25, 55],
  8. borderColor: setup_borderColor[0],
  9. backgroundColor: setup_backgroundColor[0],
  10. borderWidth: 1
  11. },{
  12. label: '2',
  13. data: [25, 35, 40],
  14. borderColor: setup_borderColor[1],
  15. backgroundColor: setup_backgroundColor[1],
  16. borderWidth: 1
  17. }]
  18. },
  19. options: {
  20. scale: {
  21. min: 0,
  22. max: 100,
  23. },
  24. scales: {
  25. r: {
  26. grid: {
  27. circular: true
  28. }
  29. }
  30. }
  31. }
  32. });

雷达图应该从0开始,最大值为100,并且是一个圆形网格,但是两个选项都不起作用,我的结果是:
结果:

图表版本:图表. js v2.9.3

kjthegm6

kjthegm61#

您以所有错误的方式混合了V2和V3语法,在V2中,您需要使用scale选项,而不是scales.r,并且最小值/最大值必须在ticks部分中配置,而不是在根中配置,并且网格必须为gridLines:
第一个
欲了解更多信息,请参阅2.9.4 documentation

相关问题