ChartJS:删除条形图上第一条和最后一条的填充

<canvas id="myChart"></canvas>

// 获取Canvas元素
var ctx = document.getElementById('myChart').getContext('2d');

// 定义数据
var data = {
  labels: ['A', 'B', 'C', 'D', 'E'],
  datasets: [{
    label: '数据',
    data: [10, 20, 30, 40, 50],
    backgroundColor: 'rgba(0, 123, 255, 0.5)', // 设置填充颜色
    borderColor: 'rgba(0, 123, 255, 1)', // 设置边框颜色
    borderWidth: 1 // 设置边框宽度
  }]
};

// 配置选项
var options = {
  scales: {
    y: {
      beginAtZero: true // 设置y轴从0开始
    }
  }
};

// 创建条形图
var myChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: options
});

// 删除第一条和最后一条数据
data.labels.shift();
data.labels.pop();
data.datasets[0].data.shift();
data.datasets[0].data.pop();

// 更新图表
myChart.update();