小编Moe*_*Moe的帖子

我在 Chart.js 中有这个雷达图，它有 5 个标签。标签很长，所以我想在 HTML 中以两行显示它们，但是当我使用“\n”时，它不会生成新行！

这些是我的标签：

labels: ["COMMUNICATION \n SKILL ", "PRODUCT AND PROCESS \n KNOWLEDGE "]

正如你所看到的，我试图将“沟通技巧”和“产品和流程知识”都放在两行中，但它在一行中显示了它们！

正确的做法是什么？

更新

标签位于脚本标签中：

var myChart = new Chart(ctx, {
    type: 'radar',
    data: {
        labels: ["COMMUNICATION  SKILL ", "PRODUCT AND PROCESS KNOWLEDGE "],
        datasets: [{
            label: labs,
            data: dps,
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
            ],
            borderWidth: 1
        },
    options: {
        maintainAspectRatio: true,
        scale: {
            ticks:{
                beginAtZero: true,
                max: 4
            }
        }
    }
});

我使用onkeyup()从表单输入中获取值和id.如果值介于0和4之间,我想将其添加到数组中.然而,似乎我的函数向数组添加值,无论它们是否在0到4之间,尽管我希望它只在值介于0和4之间时才向数组添加值.我做错了什么？

这些是输入:

<input type="number" class="form-control" id=0 onkeyup="a(this)" mix="0" max="4">
<input type="number" class="form-control" id=1 onkeyup="a(this)" mix="0" max="4">
.
.

这是我的功能:

function a(c){

    var dps = [];
    var id = c.id;
    var valueStr = c.value;
    var value = parseInt(valueStr)
    if (0 <= value <= 4) {
        dps[id]=value;
        console.log("id: ",id);
        console.log("value: ", value);
        console.log("length of array: ",dps.length);
        console.log("type of value: ", typeof value);
    }
 }

我在Jsfiddle上重新创建了它:https://jsfiddle.net/89az7u4n/