ChartJS 在quickchart js中更改进度条的边框颜色

mjqavswn 于 2022-11-06 发布在 Chart.js

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

我正在使用quickchart.js创建进度条，但遇到了一个问题。当我通过为进度条指定背景色来创建进度条时，它可以正常工作，但有一个无法删除的永久蓝色边框。Here the first example
我尝试更改边框的颜色，但它没有更改此边框。Here the second example with border color

{
  type: 'progressBar',
  data: {
    datasets: [{
      backgroundColor: '#32cd32',
      data: [50],
      datalabels: {
          font: {
              style: 'Arial',
              size: 18,
          }
      }
    }]
  }
}

是否有可能删除此边框或更改其颜色？

chart.js

来源：https://stackoverflow.com/questions/73797524/change-the-border-color-of-a-progress-bar-in-quickchart-js

1条答案

按热度按时间

yqlxgs2m1#

您可以定义第二个dataset，以指定进度列的总计（100%）。
要删除边框，可以如下所示：

{
  type: 'progressBar',
  data: {
    datasets: [{
      backgroundColor: '#32cd32',
      data: [50]
    },
    {      
      borderColor: 'white',
      data: [100]
    }]
  }
}

如果要绘制特定的边框，只需更改borderColor。

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

我来回答

ChartJS 在quickchart js中更改进度条的边框颜色

1条答案

相关问题

热门标签

最新问答