highcharts php 折线图,坐标轴 | Highcharts 使用教程

笛卡尔图表(普通的二维数据图)都有X轴和Y轴，默认情况下，x轴显示在图表的底部，y轴显示在左侧(多个y轴时可以是显示在左右两侧)，通过设置chart.inverted = true 可以让x，y轴显示位置对调。下图为图表中坐标轴组成部分

图1：图表坐标轴组成部分

一、坐标轴组成部分

1、坐标轴标题

坐标轴标题。默认情况下，x轴为null(也就是没有title)，y轴为'Value'，设置坐标轴标题的代码如下：xAxis:{

title:{

text:'x轴标题'

}

}

yAxis:{

title:{

text:'y轴标题'

}

}

更多关于Axis Title属性请查看API文档相关内容 xAxis.title、yAxis.title。

2、坐标轴刻度标签

坐标轴标签(分类)。Labels常用属性有enabled、formatter、step、staggerLines

1)enabled

是否启用Labels。x，y轴默认值都是true，如果想禁用(或不显示)Labels，设置该属性为false即可。

2)Formatter

标签格式化函数。默认实现是：formatter:function(){

return this.value;

}

this.value代码坐标轴上当前点的值(也就是x轴当前点的x值，y轴上当前点的y值)，除了value变量外，还有axis、chart、isFirst、isLast可用。例如调用this.isFirst的结果如下图所示