博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Highcharts X轴名称太长,如何设置下面这种样式
阅读量:4992 次
发布时间:2019-06-12

本文共 961 字,大约阅读时间需要 3 分钟。


 
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)。

转载于:https://www.cnblogs.com/ZDPPU/p/5993506.html

你可能感兴趣的文章
hdu 1358
查看>>
“-fembed-bitcode is not supported on versions of iOS prior to 6.0” 错误
查看>>
[转]jquery mobile中redirect重定向问题
查看>>
[django]表格的添加与删除实例(可以借鉴参考)
查看>>
Mockito一个采用Java编写用于单元测试的Mocking框架
查看>>
把elipse非maven的Struts2+Spring+Ibatis项目导入Idea中
查看>>
SVGImageView
查看>>
Android UI 优化 使用<include/>和 <merge />标签
查看>>
linux命令--使用fsck修复文件系统
查看>>
洛谷 P2324 [SCOI2005]骑士精神
查看>>
leetcode(64)最小路径和
查看>>
Select文字居右显示
查看>>
mycat操作MySQL第一篇:全局表
查看>>
MySQL数据库表分区
查看>>
python多个装饰器的执行顺序
查看>>
岗顶-一图一世界
查看>>
一步步构造自己的vue2.0+webpack环境
查看>>
分页类
查看>>
Python装饰器的个人小理解
查看>>
为什么百万医疗险越来越多,到底选哪款?
查看>>