样式化React-Chartjs以填充父列

Question

我似乎无法找到使React-Chartjs条形图填充整个引导列的方法。

{{1}}

结果：

我非常不愿意设置静态输入，因为应用程序将在许多不同大小的屏幕上。响应大小将成为此目标。

Answer 1

您可以通过将名为“responsive”的选项设置为true来轻松完成此操作。

<Bar data={data} options={{ responsive: true }}/>

Answer 2

您可以使用“响应”选项在JS中执行此操作。

        window.onload = function () {
            var btn1 = document.getElementById('Button1');
            var spn1 = document.getElementById('Spin1');
            btn1.onclick = function () {

                spn1.style.display = "inline-block";
                setTimeout( function(){
                  spn1.style.display = "none";
                  }, 
                  2000
                  )

            }
        }