问Chart.js -无法使用display:false隐藏PolarArea
EN

Stack Overflow用户

提问于 2021-09-02 17:12:22

回答 1查看 22关注 0票数 0

我试图在react chart.js2中隐藏PolarArea图表的比例上的数字。我已经尝试了下面所有的选项，但没有结果。我很想知道什么是可行的。谢谢。

options:{
   ticks:{display:false}
}

options:{
   scale:{
     ticks:{display:false}
   }
}

options:{
   scale:{
     r:{
       ticks:{display:false}
     }
   }
}

options:{
   scale:{
      display:false
   }
}

chart.js

回答 1

Stack Overflow用户

发布于 2021-09-02 17:39:20

您必须在options.scales.r.ticks中定义它

var options = {
  type: 'polarArea',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
      backgroundColor: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"]
    }]
  },
  options: {
    scales: {
      r: {
        ticks: {
          display: false
        }
      }
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);

<body>
  <canvas id="chartJSContainer" width="600" height="400"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.js"></script>
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69034586

复制

相似问题

问Chart.js -无法使用display:false隐藏PolarArea
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js -无法使用display:false隐藏PolarAreaEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js -无法使用display:false隐藏PolarArea
EN