页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

仅供参考(仅供参考)

问题现象:

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


解决方案:


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

代码块
linenumberstrue
{

"xAxis": {
    "axisLabel": {
      "formatter": "function(value){var ret = '';var maxLength = 51;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;}}"
    }
  }
}



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

Image Modified

Image Modified

Image Modified

Image Modified


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

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

Image Added