多行标签图表JS

Question

我在其中有5个标签chart.js之该雷达图。标签是很长，所以我想向他们展示在HTML两条线，但是当我使用“\ n”它不会使新行！

这是我的标签：

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

正如你所看到的，我想有“通信技术”和“产品和过程知识”两分两行，但它显示了他们在同一行！

什么是做正确的方法是什么？

UPDATE

标签是在脚本标签：

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
            }
        }
    }
});

Answer 1

刚看完https://www.chartjs.org/docs/latest/charts/radar.html您需要dataset有物业data的文档，这应该是一个数组。数组中的值将随通过索引号在标签值对应。

data: {
    labels: ['Running', 'Swimming', 'Eating', 'Cycling'],
    datasets: [{
        data: [20, 10, 4, 2]
    }]
}

Answer 2

我相信你在找什么在这里回答：ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2

该解决方案是通过一个嵌套数组作为输入到“标签” - 与表示文本在标签的新线嵌套阵列中的每个元件。所以你的情况下面应该工作：

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