小编Tri*_*e93的帖子

如果图例文本为零,如何隐藏它?

我试图隐藏项目的图例标题(如果它的值为零)。这里存在类似的问题,但没有解决我的问题。

下面是我的源代码:

<script>
      var ctx = document.getElementById('beratungsfelderChart');
      var myDoughnutChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: ['Group A', 'Group B', 'Group C', 'Group D', 'Group E'],
            datasets: [{
                label: '# of Votes',
                data: [0, 3, 3, 5, 2],
                backgroundColor: [
                    '#172b4dD9',
                    '#2dce89D9',
                    '#231F20D9',
                    '#192d35D9',
                    '#3B6058D9'
                ]
            }]
        },
        options: {
          legend: {
            labels: {
              //filter: function(item, chart, context) {
              //  return !item.text.includes('Test');
              //}
              filter: function(item, context) {
                return !context.dataset.data[context.dataIndex] == 0;
              } 
            }
          },
          axis: {
            scales: { …
Run Code Online (Sandbox Code Playgroud)

html javascript chart.js

3
推荐指数
1
解决办法
1912
查看次数

标签 统计

chart.js ×1

html ×1

javascript ×1