在水平条形图中设置最大条形高度

时间:2020-01-17 21:50:16

标签: height

有可能吗?

我尝试过类似的事情

        "elements": {
            "bar": {
                "maxHeight": 10,
                "height": 10
            }
        },

但这没用...

当我有很多值时,它看起来像这样:

enter image description here

当只有几个值时,它看起来像这样(我希望它像上图中一样薄):enter image description here

1 个答案:

答案 0 :(得分:0)

我自己回答了一个问题。

首先,我在div中创建图表:

    <div id="chart-control">
        <canvas id="chart"></canvas>
    </div>

然后我根据行数[data.length] *(4/3)更改div的高度

    document.getElementById("chart-control").style.height = (data.length * (4/3)) + "em";