首页 > 解决方案 > 在 Chart.js 3.5.0 中隐藏 y 轴上的标签无法正常工作

问题描述

这让我发疯。我在这里尝试了所有的东西 并查看了文档https://www.chartjs.org/docs/latest/getting-started/v3-migration.html

但仍然无法从条形图中删除 y 轴标签。我可能会错过哪一部分?这是定义 y 轴内容的代码部分

<script>
             
    var ctx = document.getElementById('myChart').getContext('2d');
    var chartOptions = {
                          
                            scales: {
                               
                                y: {
                                       display: true
                                    }
                               
                            
                            }
                        };

    var chart = new Chart(ctx, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            labels: {{ countrynames|safe }},
            datasets: [{
              
                label: 'Infected Counts',
                barThickness:'flex',
                backgroundColor:'#03a9fc', 
                backgroundColor : 'rgb(255,99,132)' ,
                borderColor : 'rgb(255,99,132)' ,
                data: {{ barPlotVals|safe }}
               
            }]
        },

        

        // Configuration options go here
        options: { indexAxis: 'y', chartOptions}
         
});
        
    </script>

在此处输入图像描述

标签: javascriptcharts

解决方案


推荐阅读