页面树结构
转至元数据结尾
转至元数据起始

(仅供参考)

问题现象:

自助仪表盘柱图x轴名称能否换行显示


解决方案:


自助仪表盘图形柱图组件,组件设置,自定义属性,将编辑框里的属性代码删除掉,黏贴以下代码。(注:在代码正确合理时,会自动将我们自己写的代码合并到原有的代码里)

{
"xAxis": {
    "axisLabel": {
      "formatter": "function(value){var ret = '';var maxLength = 1;var valLength = value.length;var rowN = Math.ceil(valLength / maxLength);if (rowN > 1){for (var i = 0; i < rowN; i++) {var temp = '';var start = i * maxLength;var end = start + maxLength;temp = value.substring(start, end) + '\\n';ret += temp;}return ret;}else {return value;}}"
    }
  }
}



首先进到自定义属性,把原有的代码去掉,在把咱们的代码黏贴上去,点下格式化便可。


注:1、 '\\n'  ,换行需多加一个 \ 进行转义 ,2、注意双引号,单引号。

V10.5.15中需要把代码放入到option中,具体见以下截图。

  • 无标签