首页 > 解决方案 > 如何在圆环图标签中强制换行?

问题描述

我正在使用 C3 甜甜圈图,

在此处输入图像描述

但是标签太长了,我需要一个word-break类似的功能。

所以我尝试设置以下属性,它们都不起作用

axis: {
  x: {
    tick: {
      width: 100
    }
  }
},
legend: {
  maxWidth: 100px;
},

有任何想法吗?

更新

tooltip.format.name 函数可以部分解决这个问题。但是我无法在此处添加换行符,尝试过"\n"<br/>并且&#13;

    tooltip: {
      format: {
        name: function (name, ratio, id, index) { 
          if (name.length > 70) {
            return name.substr(0, 70) + ' &#013; ...'
          } else {
            return name
          }
        }
      }
    }

标签: vuejs2c3.js

解决方案


推荐阅读