如何删除Chart.js中的左栏和底栏

3df52oht 于 2022-11-29 发布在 Chart.js

关注(0)|答案(1)|浏览(223)

我已经显示了网格和chart.js3.2.1版本中的很多东西，但我没有找到显示此栏的方法，有人有问题吗？
The bar in arrow

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Réelle', 'Attendue'],
    options: {
      plugins:{
        legend:{
          display: false
        }
      },
     
      scales: {
        x: {
          grid: {
            display: false
          }
        },
        y: {
          ticks:{
            display:false
          },
          grid: {
            display: false
          }
        }
      }
    }
});

chart.js

来源：https://stackoverflow.com/questions/74601627/how-can-i-remove-left-and-bottom-bar-in-chart-js

1条答案

按热度按时间

mo49yndu1#

您可以使用drawBorder: false选项的轴网格。检查以下示例。

var myChart = new Chart(ctx, {
  type: "bar",
  data: {
    labels: ["Réelle", "Attendue"],
    datasets: [
      {
        borderColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"],
        backgroundColor: ["rgba(255, 99, 132, .2)", "rgba(54, 162, 235, .2)"],
        fill: true,
        data: [12, 19]
      }
    ]
  },
  options: {
    plugins: {
      legend: {
        display: false
      }
    },
    scales: {
      x: {
        grid: {
          display: false,
          drawBorder: false
        }
      },
      y: {
        ticks: {
          display: false
        },
        grid: {
          display: false,
          drawBorder: false
        }
      }
    }
  }
});

赞(0）回复(0）举报 2022-11-29

我来回答

如何删除Chart.js中的左栏和底栏

1条答案

相关问题

热门标签

最新问答