HighCharts、EChart图表X轴纵向显示

最新推荐文章于 2022-06-21 16:25:23 发布

转载最新推荐文章于 2022-06-21 16:25:23 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mebius4789/p/4989256.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用JavaScript回调函数自定义HighCharts和ECharts图表的标签样式，包括文本内容和布局调整，展示了通过split()、join()等方法实现标签的换行和分隔符应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HighCharts

回调javascript函数来格式化标签，值通过this.value获得，this的其他属性还包括axis, chart, isFirst and isLast. 默认为:

function() {
	return this.value;
}

 xAxis: {
            categories: [],
            title: { text: null },
            labels : {
            formatter: function () {
                    return this.value.split('').join("<br />");
                },
                style : {
                    fontSize : '14px',
                }
            },
        },

EChart

xAxis: [
    {
      axisLabel :
        {

          formatter: function (val) {
            return val.split("").join("\n");
              }
       }
   }
],

转载于:https://www.cnblogs.com/mebius4789/p/4989256.html