博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Highcharts和Hinghstock图表构造参数常用属性
阅读量:5971 次
发布时间:2019-06-19

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

hot3.png

JS图表工具Highcharts和Hinghstock图表构造参数常用属性一览,帮助我们快速理解属性含义。

图表构造参数常用属性

1 chart

1.1 renderTo :图表的页面显示容器的 ID

1.2 defaultSeriesType :图表的显示类型(line,spline, scatter, splinearea bar, pie, area, column 

1.3 margin :上下左右空隙

1.4 events :事件

1.4.1 click:function(e) {}

1.4.2 load:function(e) {}

2 xAxis/yAxis

2.1 gridLineColor :网格颜色

2.2 reversed :是否反向  true ,false

2.3 gridLineWidth :网格粗细

2.4 startOnTick :是否从坐标线开始画图区域

2.5 endOnTick :是否从坐标线结束画图区域

2.6 tickmarkPlacement :坐标值与坐标线标记的对齐方式 on,between

2.7 tickPosition :坐标线标记的样式 向内延伸还是向外延伸 (insidel,outside)

2.8 tickPixelInterval :决定着横坐标的密度

2.9 tickColor :坐标线标记的颜色

2.10 tickWidth :坐标线标记的宽度

2.11 lineColor :基线颜色

2.12 lineWidth :基线宽度

2.13 max :固定坐标最大值

2.14 min :固定坐标最小值

2.15 plotlines :标线属性  

2.16 title

2.16.1  enabled :是否显示

2.16.2  text :坐标名称

2.17 Labels :坐标轴值显示类

2.17.1  formatter :格式化函数

2.17.2  enabled :是否显示坐标轴的坐标值

2.17.3  rotation :倾斜角度

2.17.4  align :与坐标线的水平相对位置

2.17.5  x :水平偏移量

2.17.6  y :垂直偏移量

2.17.7  style 

2.17.7.1  font :字体样式

2.17.7.2  color :颜色

3 Tooltip :数据点的提示框

3.1 enabled :鼠标经过时是否可动态呈现 true,false

3.2 formatter :格式化提示框的内容样式

4 plotOptions :画各种图表的数据点的设置

4.1 Area 

4.1.1 lineWidth :线宽度

4.1.2 fillColor  area 的填充颜色组

4.1.3 marker{} :设置动态属性

4.1.4 shadow :是否阴影   true,false

4.1.5 states :设置状态

4.2 Line 

4.2.1 dataLabels :数据显示类

4.2.1.1 enabled :是否直接显示点的数据 true,false

5 series

5.1 name :该条曲线名称

5.2 data[] :该条曲线的数据项

5.3 addPoint([x,y],redraw,cover)  :添加描点, redraw  是否重画, cover 是否左移

5.4 setData: function(data, redraw)  :重新设置 Data 数组, redraw 是否重画

5.5 remove: function(redraw)  :删除曲线

5.6 redraw: function() :重画曲线

5.7 marker

5.7.1 enabled :是否显示描点

转载于:https://my.oschina.net/u/1582196/blog/228490

你可能感兴趣的文章
.Net Core下使用 RSA
查看>>
python 数据库中文乱码 Excel
查看>>
利用console控制台调试php代码
查看>>
递归算法,如何把list中父子类对象递归成树
查看>>
jsf初学解决GlassFish Server 无法启动
查看>>
hdu 1050 (preinitilization or postcleansing, std::fill) ...
查看>>
java并发编程实践 part 01 --> 线程创建方式
查看>>
dedecms上传图片不自动改名,以利于seo图片优化
查看>>
Java新手小程序之三
查看>>
Linux vmstat命令实战详解
查看>>
我的友情链接
查看>>
数据库中的自连接
查看>>
mysqlimport
查看>>
基于Xcode安装CocoaPods报错
查看>>
PHP判断变量内容是什么编码
查看>>
php扩展xdebug安装
查看>>
Linux mail 命令
查看>>
Ansi与Unicode及慎用W2A等
查看>>
IDEA 连接 GIT OSCHINA 提交本地已存在的项目
查看>>
【Java集合源码剖析】TreeMap源码剖析
查看>>