HighCharts解析之xAxis——x轴的样式

xAxis:x轴选项

参数

描述

默认值

allowDecimals

轴上的刻度是否允许使用小数

true

alternateGridColor

当使用备用的网格颜色时,表格会各行变色

null

categories

 x轴的名称。比如  categories: ['Apples', 'Bananas', 'Oranges']

[]

dateTimeLabelFormats

时间轴,标尺会根据合适的单位自动计算。

{second:'%H:%M:%S', minute:'%H:%M', hour:'%H:%M', day:'%e. %b', week:'%e. %b',month:'%b \'%y', year:'%Y'}

{}

endOnTick

是否强制轴以一个刻度结束。使用该项和maxPadding想来控制轴的末端。

false

events

事件回调,支持addSeries方法,click方法,load方法,selection方法等的回调函数。

 

gridLineColor

绘图区网格线的颜色

#C0C0C0

gridLineDashStyle

网格线的点或线的样式

Solid

gridLineWidth

绘图区网格线的宽度

0.0

id

轴的id。可以在图表渲染后,通过chart.get()获得一个点

null

labels

设置X轴各分类名称的样式style,格式formatter,角度rotation等。

array

lineColor

轴本身的线的颜色。

#C0D0E0

lineWidth

 轴本身的线的宽度

1.0

linkedTo

指向本轴的另一个轴的索引。当一个轴指向主轴时,它将有和主轴一样的极端值,但是通过min,max或setExtremes可以更改。它也可以用来显示附加的信息,或者通过复制标尺来缓解图表显示。

null

max

轴的最大值。如果是null,最大值被自动计算。如果endOnTick选项是true,max的值可能会被四舍五入。实际的最大值也会被chart.alignTicks影响。

null 

 maxPadding

 最大值相对于轴的长度的填充间距。padding值为0.05时会取100px长的轴的5px长度。

 0.01 

 maxZoom

 已过期。V2.2版本后改名为minRange.

 null

 min

轴的最小值。如果是null,最小值会被自动计算。 

 null

 minPadding

 轴显示的最小范围。整个轴将不被允许跨越这个最小间隔。比如一个时间轴,主要单位是毫秒

 null

 minTickInterval

  轴值允许的最小刻度间隔。比如缩放轴用来显示每天的数据,可以用来阻止轴上显示小时的时间

 null

minorGridLineColor 

 最小级别,次级的网格线的颜色。

  #E0E0E0

 minorGridLineDashStyle

 次级网格线的破折号或点的样式。

 Solid 

 minorGridLineWidth

 次级网格线的宽度。

  1.0

 minorTickColor

 次级刻度标记的颜色。

 #A0A0A0 

minorTickInterval 

 次级网格线的刻度间隔,以标尺为单位。在线性轴中,如果是‘auto’,次级刻度间隔是刻度间隔的五分之一。如果是null,次级刻度将不显示。

null 

 minorTickLength

 次级刻度的像素长度

  2.0

minorTickPosition 

 次级刻度相对于轴线的位置。可以是inside或outside

outside 

minorTickWidth 

 次级刻度的像素宽度

0.0 

 offset

 绘图区到轴线的像素距离。正的偏移量会让轴的线、便签和刻度远离绘图区

  0.0

opposite 

 是否显示在正常显示的对面一侧显示轴。正常显示是垂直的左边,水平的下面,因此对面就是垂直的右边和水平的上边

 false

 plotBands

 

 

 plotLines

 

 

reversed 

 是否逆转轴以使得最高的点最接近起点。

false  

 showEmpty

 是否显示轴线和标题,当轴不包含数据时

null 

 showFirstLabel

 是否显示第一个刻度标签

true 

 showLastLabel

 是否显示最后一个刻度标签

false 

startOfWeek 

 对于时间轴,决定轴之间的刻度。0=周日,1=周一

1.0 

startOnTick 

 是否强制轴以刻度开始。结合maxPadding选项使用控制轴的开始。

 false

 tickColor

 主刻度的颜色

 #C0D0E0 

 tickInterval

 住刻度的间隔,以轴单位为单位。当为null时,线性轴的刻度间隔约等于tickPixelInterval,时间轴的约为时间间隔。

 null 

tickLength 

 主刻度的长度

 5.0

tickPixelInterval 

 当tickInterval是null的时候,该选项设置了刻度标志的大约间隔的像素值

 Y轴:72,X轴:100

tickPosition 

 刻度标记相对于轴线的位置。可以是inside或outside

outside 

 tickPositioner

 回调函数,返回一个定义刻度在轴上的排列的数组

null 

 tickPositions

 定义轴刻度的数组

null 

 tickWidth

 主刻度的像素宽度

1.0 

 tickmarkPlacement

 仅用在分类轴上。如果是on,刻度标记在分类的正中间,如果是between,刻度在两个分类的之间

  between

title 

 X轴名称,支持text、enabled、align、rotation、style等属性

 

type 

 轴的类型。可以是linear,logarithmic,或者datetime

 linear

 events x轴事件

参数

描述

默认值

afterSetExtremes

相对于setExtremes事件的事件。在最后的最小值和最大值都被计算且校正过minRange后触发该事件

null

setExtremes

当轴的最大值和最小值设置的时候,被触发,无论是调用.setExtremes()方法或者是选择了图表的一个区域。this关键字是指轴对象自己。唯一的参数event被传递到函数中。用户设置的新的最大值和最小值可以通过event.min和event.max查找。

null

 lables x轴标签

参数

描述

默认值

align

水平对齐方式。可以是’left’,’right’,’center’.

center

 enabled

 启用或禁用轴标签

true 

formatter 

 回调javascript函数格式化标签。值通过this.value得到。this的附加属性,axis,chart,isFirst和isLast。

 function() {

return this.value;}

 overflow

 如果处理水平轴的溢出标签。可以是undefined和‘justify’。如果是justify,标签将不会在绘图区外渲染。如果有足够的空间去移动它,它将会在边缘对齐,否则会被移除。

 null 

 rotation

 标签旋转的角度

 0

staggerLines 

 仅在水平轴使用。把标签分布在几行中以增大或缩小标签的空间

null 

step 

  每隔n个的标签显示在轴上。设置step为n。设置step为2,每隔1个显示标签

null 

style 

 标签的CSS样式

style: {

color:'#6D869F',

fontWeight:  'bold'

}

 

 useHTML

  是否使用HTML渲染标签

false 

 x

 标签相对于轴刻度的位置的x的偏移量

 0 

 y

 标签相对于轴刻度的位置的y的偏移量

转载于:https://www.cnblogs.com/leaf1117/p/3480173.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/473745.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MYSQL电脑客户端免安装教程以及出现问题解决方案

准备工作:window 7 64位旗舰版 MySQL 5.6.35免安装。 1. 下载MySQL 1.1 进入MySQL官网下载(https://www.mysql.com/)MySQL的安装包。 1.2. 根据自己电脑的位数(32位/64位)来下载响应的MySQL 、 2. 部署MySQL 2.1 解压压缩包到自己的某个盘…

Kafka高性能相关

Kafka高性能相关 1 高性能原因 1.1 高效使用磁盘 (1)顺序写磁盘,顺序写磁盘性能高于随机写内存 (2)Append Only 数据不更新,无记录级的数据删除(只会整个segment删除) &#xf…

Python面试总结(四)ip正则与三次握手四次挥手

1.请简述值传递和引用传递的区别?值传递仅仅传递的是值 引用传递,传递的是内存地址,修改后会改变内存地址对应储存的值。2.请手写一个匹配ip的正则表达式?第一种方法: ((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\…

Android相关sdk使用

SimpleDateFormat使用详解 Android_AlertDialog 两分钟彻底让你明白Android Activity生命周期(图文)!Android布局控件之LinearLayout详解Relative Layout如何正确地使用android中的progressdialog android的Menu使用android Toast大全(五种情形)建立属于…

[Kaggle] Digit Recognizer 手写数字识别(卷积神经网络)

文章目录1. 使用 LeNet 预测1.1 导入包1.2 建立 LeNet 模型1.3 读入数据1.4 定义模型1.5 训练1.6 绘制训练曲线1.7 预测提交2. 使用 VGG16 迁移学习2.1 导入包2.2 定义模型2.3 数据处理2.4 配置模型、训练2.5 预测提交Digit Recognizer 练习地址 相关博文: [Hands …

SparkCore基础

目录 Spark简介 1 什么是Spark 2 Spark特点 3 Spark分布式环境安装 3.1 Spark HA的环境安装 3.2 动态增删一个worker节点到集群 4 Spark核心概念 5 Spark案例 5.2 Master URL 5.3 spark日志的管理 5.4 WordCount案例程序的执行过程 6 Spark作业运行架构图&#xff…

python面试总结(五)内存管理与MYSQL引擎选择

1.python是如何进行内存管理的?当内存中有不再使用的部分时,垃圾收集器就会把他们清理掉 Python引入了机制:引用计数与分代回收。 Python提供了对内存的垃圾收集机制, 但是它将不用的内存放到内存池而不是返回给操作系统。 2.谈…

Codeforces 374A - Inna and Pink Pony

原题地址:http://codeforces.com/contest/374/problem/A 好久没写题目总结了,最近状态十分不好,无论是写程序还是写作业还是精神面貌……NOIP挂了之后总觉得缺乏动力精神难以集中……CF做的也是一塌糊涂,各种pretest passed fail…

LeetCode 1320. 二指输入的的最小距离(动态规划)

文章目录1. 题目2. 解题1. 题目 二指输入法定制键盘在 XY 平面上的布局如上图所示,其中每个大写英文字母都位于某个坐标处, 例如字母 A 位于坐标 (0,0),字母 B 位于坐标 (0,1),字母 P 位于坐标 (2,3) 且字母 Z 位于坐标 (4,1)。 …

Python面试常用二十题总结

1.请至少用一种方法下面字符串的反转? 1).A[::-1] 2).交换前后字母的位置 t list(A) l len(t) for i, j inzip(range(l - 1, 0, -1), range(l // 2)): t[i], t[j] t[j], t[i] return"".join(t) 3). 递归的方式, 每次输出一个字符 defstring_re…

SparkStreaming基础

目录 SparkStreaming基础 1 流式计算 1.1 常见的离线和流式计算框架 2 SparkStreaming简介 2.1 核心概念DStream 2.2 工作原理 2.3 Storm,SparkStreaming和Flink的对比 2.4 如何选择流式处理框架 3 SparkStreaming实时案例 3.1 StreamingContext和Receiver…

【Kaggle微课程】Natural Language Processing - 1. Intro to NLP

文章目录1. 使用 spacy 库进行 NLP2. Tokenizing3. 文本处理4. 模式匹配练习:食谱满意度调查1 在评论中找到菜单项2 对所有的评论匹配3 最不受欢迎的菜4 菜谱出现的次数learn from https://www.kaggle.com/learn/natural-language-processing 1. 使用 spacy 库进行…

谈一谈HTTP中Get与Post的区别与主要应用场景

Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而H…

Python基础(一)--初识Python

目录 Python基础(一)--初识Python 1 Python基本概念 1.1 什么是Python 1.2 Python的语言特征 1.3 Python的应用领域 2 Python开发环境 2.1 Windows操作系统 2.2 Linux / Mac操作系统 2.3 Python虚拟环境 2.4 Python开发工具 3 环境变量 4 变量…

【Kaggle微课程】Natural Language Processing - 2.Text Classification

文章目录1. bag of words2. 建立词袋模型3. 训练文本分类模型4. 预测练习:1. 评估方法2. 数据预处理、建模3. 训练4. 预测5. 评估模型6. 改进learn from https://www.kaggle.com/learn/natural-language-processing NLP中的一个常见任务是文本分类。这是传统机器学…

淡定啊,学习啊

最近一直在背单词,已经忽略本质工作,写代码。这个要改啊,本职的代码还是要写的,不然怎么吃饭啊。发现这个还是昨天晚上看了会js,发现一个很好的特性,一阵狂喜,后来仔细一想是,最近荒…

Django框架—富文本编辑器

借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的、所见即所得的页面此处以tinymce为例,其它富文本编辑器的使用也是类似的在虚拟环境中安装包 pip install django-tinymce2.6.0安装完成后,可以使用在Admin管理中&#xf…

Python基础(二)--数据类型,运算符与流程控制

目录 Python基础(二)--数据类型,运算符与流程控制 1 数据类型 1.1 Python中的数据类型 1.2 整数类型(int) 1.3 布尔类型 1.4 浮点类型 1.5 复数类型 1.6 类型转换 2 运算符 2.1 算术运算符 2.2 布尔运算符 …

求二维数组的转置矩阵

1 /*2 求二维数组的转置矩阵3 输入4 两个整数n和m 5 n行m列的二维数组 6 输出7 输出该二维数组的转置矩阵 8 数据范围9 0<n<20; 0<m<20; 10 */ 11 #include<stdio.h> 12 int main() 13 { 14 int a[20][20]; 15 int b[20][20]; 16 …

【Kaggle微课程】Natural Language Processing - 3. Word Vectors

文章目录1. 词嵌入 Word Embeddings2. 分类模型3. 文档相似度练习&#xff1a;1. 使用文档向量训练模型2. 文本相似度learn from https://www.kaggle.com/learn/natural-language-processing 1. 词嵌入 Word Embeddings 参考博文&#xff1a;05.序列模型 W2.自然语言处理与词…