ChartJs (v 2.7.3) - 未应用边框半径

ChartJs (v 2.7.3) - border radius didn't applied

提问人:Lee.Do.Do 提问时间:10/16/2023 最后编辑:Lee.Do.Do 更新时间:10/16/2023 访问量:37

问:

我想要图表中的边框半径。 但所有方法都不起作用。我该如何应用它?

我尝试了插件,option:elements。但是所有方法都不起作用

我无法更改图表 js 的版本,因为我的项目是由 2.7.3 版制作的。


var hwajuStockinChart = new Chart(hwajuStockin, {
    type: 'horizontalBar',
    data: {
        labels: dataHwaju.stockin.name,
        datasets: [
            {
                label:"완료 입고량",
                backgroundColor: [
                    "rgba(64, 0, 255, 0.5)",
                    "rgba(0, 255, 255, 0.5)",
                    "rgba(4, 180, 4, 0.5)",
                    "rgba(132, 132, 132, 0.5)",
                    "rgba(223, 1, 1, 0.5)",
                    "rgba(255, 128, 0, 0.5)"
                ],
                data: dataHwaju.stockin.qty_per
    }, {
                label:"남은 입고량",
                data: dataHwaju.stockin.req_per

    }
  ]
    },
    options: {
        responsive:false,
        legend: {
            display: true,
            labels: {
                fontSize: 0,
                padding: 0,
                boxWidth: 0,
            },
        },
        title: {
            display: false
        },
        scales:{
            xAxes:[{ 
                    stacked:true
                  }],
            yAxes:[{ 
                    stacked:true,
                    gridLines: { 
                        display: false, 
                        drawBorder: false,
                    },
                  }]
        }
    }
});

我在选项中添加以下代码:{}

        elements: {
            rectangle: {
                borderRadius: 10
            }
        }

但它没有用。

JavaScript HTML 图表 .js 边框半径

评论

0赞 kikon 10/16/2023
边框半径是在 chart.js v.3.0.0 中引入的,请参阅 feat7651v3.0.0-beta.5 发行说明
0赞 Lee.Do.Do 10/17/2023
哦。。。那么如何在 v.2.7.3 中将边框半径应用于图表?
0赞 kikon 10/17/2023
你不能;如果你使用的是一个非常旧版本的库,你必须对它提供的内容感到满意。否则,升级到最新版本,您可以自由地想象任何您喜欢的东西 - 即使尚未实现,也可以通过插件完成或为未来的版本请求。

答: 暂无答案