坐标轴的开发学习
除饼图外的所有图表都有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,分钟,马克斯控制属性,您可以轻松地控制显示范围的轴(这是一个非常普遍的问题)
总结
以上就是本文的全部内容,你有没有学习过小编辑会不断更新开发的文章,有兴趣的朋友开发应该继续关注它,并希望这篇文章能帮助你学习。