前言

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

其次，学习开发的轴。



标签:


1。标题




XAxis：{
标题：{
正文：X轴标题
}
}
YAxis：{
标题：{
正文：Y轴标题
}
}


2。标签

标签：启用，格式化程序，步骤




YAxis：{
标签：{
启用：正确，
格式：函数（）{
如果（this.value <= 3）{
返回第一个类（）+这个值；
} else if（this.value > 3 this.value <= 5）{
返回第二级（）+此值；
{ }人
返回第三级（）+此值；
}
}，
步骤：1行/行间隔
}



三.网格



1.gridlinewidth



栅线的宽度。X轴和Y轴0，1px。

2.gridLineColor



在网格线的颜色。默认的是：# c0c0c0。

3.gridlinedashstyle



网格线样式。类似于CSS边框样式，常用的有：实心、点、破折号。


YAxis：{
/ / / gridlinewidth：'1px /注意如果你使用这个gridlinedashstyle物业将不工作
gridlinecolor：# 019000，
gridlinedashstyle：'dash，
}



4。类型




XAxis：{
伙伴关系：{ A，B，C}
}，
YAxis：{
类型：'datetime
}，


5.reversed



反演是把轴旋转而不是x和y，例如y轴反转的结果是y轴从最大值开始，最小值在底部。


XAxis：{
伙伴关系：{ A，B，C}，
相反的：真
}，
YAxis：{
类型：'datetime，
相反的：真
}，



6.opposite



当值设置为true时，x轴和y轴的位置上下，并且左右调整。




XAxis：{
伙伴关系：{ A，B，C}，
相反，真正的
}，
YAxis：{
类型：'datetime，
相反，真正的
}



7.inverted




图：{
类型：行，
风格：{
字体大小：17px
}，
倒：真的
}



8.min，马克斯



最小和最大控制轴。

注：allowdecimals，分钟，马克斯控制属性，您可以轻松地控制显示范围的轴（这是一个非常普遍的问题）

总结

以上就是本文的全部内容，你有没有学习过小编辑会不断更新开发的文章，有兴趣的朋友开发应该继续关注它，并希望这篇文章能帮助你学习。