Highcharts 中文社区

 找回密码
 立即注册
查看: 2574|回复: 3

[已解决] Highcharts柱状图x轴文字过多,换行显示怎么实现

[复制链接]
  • TA的每日心情
    奋斗
    2017-3-10 14:14
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    5

    主题

    12

    帖子

    126

    积分

    HC 新手

    Rank: 1

    积分
    126
    发表于 2016-7-30 17:18:35 | 显示全部楼层 |阅读模式
    Highcharts柱状图x轴文字过多,换行显示怎么实现,求大大们帮忙看看

    QQ截图20160730171638.jpg

    本帖被以下淘专辑推荐:

  • TA的每日心情
    开心
    前天 20:24
  • 签到天数: 741 天

    [LV.9]以坛为家II

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

    看我签名看我签名看我签名看我签名看我签名看我签名看我签名看我

    Rank: 8Rank: 8

    积分
    11508

    最佳新人活跃会员热心会员发帖之王突出贡献论坛元老

    发表于 2016-7-31 09:34:55 | 显示全部楼层
    本帖最后由 宽宽 于 2016-7-31 09:42 编辑

    设置 useHTML 为true,可以使用html,比如在文字中加换行符 <br> ,或者使用div 、css 等

    或者分多行显示轴文字:
    1.             labels: {
    2.                 staggerLines: 3
    3.             }
    复制代码

    http://code.hcharts.cn/highcharts/hhhh8r
    或者旋转文字角度
    http://code.hcharts.cn/highcharts/hhhhfb
    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
  • TA的每日心情
    开心
    2017-1-25 11:33
  • 签到天数: 581 天

    [LV.9]以坛为家II

    5

    主题

    793

    帖子

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    12510

    论坛元老

    发表于 2016-7-31 12:22:59 | 显示全部楼层
    看你的这个形式,还是折行比较好。
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    奋斗
    2017-3-10 14:14
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    5

    主题

    12

    帖子

    126

    积分

    HC 新手

    Rank: 1

    积分
    126
     楼主| 发表于 2016-8-1 10:48:27 | 显示全部楼层
    宽宽 发表于 2016-7-31 09:34
    设置 useHTML 为true,可以使用html,比如在文字中加换行符  ,或者使用div 、css 等

    或者分多行显示轴文 ...

    唉,还是要文字换行显示,已经弄好了,直接设置useHTML ,写css样式控制这样可以,谢谢哈:)
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表