Question

Highcharts X轴名称太长，如何设置下面这种样式

Answer 1

Highcharts所有的图表除了饼图都有X轴和Y轴，默认情况下，x轴显示在图表的底部，y轴显示在左侧（多个y轴时可以是显示在左右两侧），通过chart.inverted = true 可以让x，y轴显示位置对调。

一、坐标轴组成部分
轴标题-Axis Title
坐标轴标题。默认情况下，x轴为null（也就是没有title），y轴为'Value'，设置坐标轴标题的代码如下：

xAxis:{
title:{
text:'x轴标题'
}
}
yAxis:{
title:{
text:'y轴标题'
}
}

更多关于Axis Title属性请查看API文档相关内容 xAxis.title、yAxis.title。
轴标签-Axis Labels
坐标轴标签（分类）。Labels常用属性有enabled、formatter、setp、staggerLines。
1、开启
是否启用Labels。x，y轴默认值都是true，如果想禁用（或不显示）Labels，设置该属性为false即可。
2、格式化程序
标签格式化函数。默认实现是：
formatter:function(){ returnthis.value; }

this.value代码坐标轴上当前点的值（也就是x轴当前点的x值，y轴上当前点的y值），除了value变量外，还有axis、chart、isFirst、isLast可用。

自定义标签格式1
另外一个例子，实现更高级的自定义格式化函数

自定义标签格式2
实现代码如下：
yAxis: {
labels: {
formatter:function(){
if(this.value <=100) {
return"第一等级("+this.value+")";
}elseif(this.value >100 && this.value <=200) {
return"第二等级("+this.value+")";
}else{
return"第三等级("+this.value+")";
}
}
}

Labels显示间隔，数据类型为number（或int）。

Answer 2

在官网的例子中有这种样式啊，我记得好像是旋转一下X轴的数据就行了。你去百度搜索highcharts官网就能找到在线API，其实这也是一种主要的学习方法。

有问题可以追问我，没问题望采纳，谢谢