相关疑难解决方法(0)

如何在 Chartjs 中包装图例文本?

当文本太长时,我的 ChartJs 图例文本在同一行中溢出。是否有任何参数可用于启用文本换行。

legend : {
    display : true,
    position : 'bottom',
    fullWidth: false,
    labels : {
        fontColor : "#000",
        //  boxWidth  : "3"
    }
}
Run Code Online (Sandbox Code Playgroud)

在像 highcharts 这样的其他图表库中,你只需要设置宽度,如果超过宽度,文本将被换行。ChartJS 中有这样的选项吗?

Highcharts 库示例:

legend: {
    itemStyle: {
        width: 90 // or whatever, auto-wrap
    },
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用legendCallback,但在这种情况下,我将失去ChartJS中开箱即用的图例框的“onclick”有用功能。所以我不想那样做。也不想使用图例模板。

javascript legend word-wrap chart.js

8
推荐指数
1
解决办法
4043
查看次数

标签 统计

chart.js ×1

javascript ×1

legend ×1

word-wrap ×1