前言
所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过设置chart.inverted = true
可以让x,y轴显示位置对调。
下面一起来学习学习Highcharts的坐标轴。
tags:
1.标题
xAxis:{ title:{ text:'x轴标题' } } yAxis:{ title:{ text:'y轴标题' } }
2.标签
labels:enabled、formatter、setp
yAxis:{ labels:{ enabled:true, formatter:function(){ if(this.value <=3) { return "第一等级("+this.value+")"; }else if(this.value >3 && this.value <=5) { return "第二等级("+this.value+")"; }else { return "第三等级("+this.value+")"; } }, step:1 //间隔几个线显示一次 }
3.网格
1.gridLineWidth
网格线宽度。x轴默认为0,y轴默认为1px。
2.gridLineColor
网格线颜色。默认为:#C0C0C0。
3.gridLineDashStyle
网格线线条样式。和Css border-style类似,常用的有:Solid、Dot、Dash。
yAxis:{ //gridLineWidth:'1px', //注意如果使用了这个属性gridLineDashStyle会不起作用 gridLineColor:'#019000', gridLineDashStyle:'Dash', }
4.类型
xAxis:{ categories:['A','B','C'] }, yAxis:{ type:'datetime' },
5.reversed
倒置是将轴翻转而不是x、y对调。例如y轴倒置的结果是y轴是从最大的值开始的,最小值反而在最下方
xAxis:{ categories:['A','B','C'], reversed:true }, yAxis:{ type:'datetime', reversed:true },
6.opposite
当其值设置为true时,x轴和y轴显示的位置分别上下,左右对调。
xAxis:{ categories:['A','B','C'], opposite:true }, yAxis:{ type:'datetime', opposite:true }
7.inverted
chart:{ type:'line', style:{ fontSize:"17px", }, inverted:true }
8.min、max
控制数轴的最小值和最大值。
注意:控制allowDecimals、min、max 属性你可以轻松控制数轴的显示范围等(这也是很常见的问题)
总结
以上就是本文的全部内容了,大家学会了吗?小编还会继续更新Highcharts的文章,对Highcharts感兴趣的朋友们要继续关注,希望本文给大家学习带来的帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。