javascript - ChartJS BoxWidth not working - Stack Overflow

admin管理员组

文章数量:1344473

First, my JSFidle: /

At the top of the chart, there is a pink box. I want that box to go away. Others have done this by adding

legend: {
    labels: {
        boxWidth: 0,
    }
},

to their code to make the box go away. As you can see, this didn't affect my box at all. What am I doing wrong?

First, my JSFidle: https://jsfiddle/ethernetz/u8yc4tvb/

At the top of the chart, there is a pink box. I want that box to go away. Others have done this by adding

legend: {
    labels: {
        boxWidth: 0,
    }
},

to their code to make the box go away. As you can see, this didn't affect my box at all. What am I doing wrong?

• javascript
• chart.js

Share Improve this question Follow edited Mar 26, 2018 at 20:40 Łukasz 2,17111 gold badge1414 silver badges2929 bronze badges asked Sep 5, 2017 at 6:25 EthernetzEthernetz 97844 gold badges1616 silver badges3535 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

you should move the legend configuration inside the option object Fiddle

var myChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
            labels: ['Completion'],
        datasets: [{
            data: [60, 20],
            backgroundColor: [
                'rgba(255, 99, 132, 0.8)',
                'rgba(54, 162, 235, 0)',
            ],

            borderWidth: 0
        }]
    },
    options: {
        responsive: false,
        cutoutPercentage: 90,
        events: [],
        legend: {
          labels: {
              boxWidth: 0
          }
      }
    }        
});

本文标签： javascriptChartJS BoxWidth not workingStack Overflow