highchars
2016-11-24 14:46:02 0 举报AI智能生成
使用heighChars时的一些总结 希望对大家有所帮助
作者其他创作
大纲/内容
colors图表序列（Series）的默认颜色数组。即图表的第 n 个序列的颜色是该数组的第 n 个值。当序列的数量超过颜色数组的长度，后续的序列将会重复调用该数组里的值。
credits图表的版本信息
enabled是否显示版本信息
href版本信息链接地址
position版本信息显示位置
style版本文字样式 可以设置字体颜色等
text版本信息显示文字
drilldown下钻图表
legend 图例说明是包含图表中数列标志和名称的容器。
align 图例容器的对齐方式
backgroundColor 图例容器的背景颜色
borderColor图例容器的边框颜色
borderRadius 图例容器的边框圆角
borderWidth 图例容器的边框宽度
enabled 图例开关
floating 图例容器是否可以浮动，当此值设置为false时，图例是不可在数据区域图之上，它们是不可重叠的 但是true可以
itemDistance 水平布局中的两图例间的距离
itemHiddenStyle 当点击图例进行隐藏时图例的样式
itemHoverStyle 鼠标经过时图例的样式
itemMarginBottom 图例竖直排列时的底边距
itemMarginTop
itemStyle 每个图例项的样式
itemWidth 每个图例项的宽度
labelFormat 每个图例标签的格式化字符串。可参考API
labelFormatter 每个图例标签的格式化的回调函数
layout 图例数据项的布局。布局类型：水平或垂直
lineHeight 图例项行高。2.1版本后已经废弃，取而代之的是可在itemStyle设置行高
margin 整个图例的外边框
maxHeight 图例的最大高度
navigation 图例区导航箭头 当图例（高度）溢出时，分页或者导航就会出现。当允许legend.useHTML可用时，导航将禁用
animation 当点击图例的导航上下按钮时，触发的动画效果。默认的情况此属性设置为true，额外的属性设置可封装在对象中
arrowSize 图例导航按钮的大小
activeColor 激活箭头颜色
inactiveColor 图例导航按钮未激活颜色
style图例导航文本颜色
padding 内边距
reversed 倒转 将两个叠加的图形通过点击单独显示 可参见API
rtl 图例符号是否在文字右边
shadow 图例投影
symbolHeight 图例中符号的高度
symbolPadding 图标和图例间文本的距离
symbolRadius 当图例是用矩形包裹时，图标的边框半径
symbolWidth 图标宽度
title 图例上方的标题
style
text
useHTML 是否用HTML对于图例各项的文本。当用HTML时就不能再用图例导航。
verticalAlign 垂直对齐
width 图例容器的宽度
x
y
navigation 一组选择按钮和菜单出现的模块
buttonOptions 一组选择按钮出现的输出模块
子主题
enabled 是否启用
height
symbolFill填充按钮符号颜色
symbolSize按钮符号大小
symbolStroke 象征笔画
symbolStrokeWidth 象征笔画的宽度
symbolX 图标中心点x轴位置
symbolY 图标中心点y轴位置
text图标旁边的文字
theme 主题
verticalAlign 垂直对齐方式
width
y
menuItemHoverStyle 单个按钮菜单的悬停效果
menuItemStyle 单个按钮菜单的主题风格
menuItemStyle
pane 只适用于极坐标图和角度测量仪 此配置对象包含常规选项是为了设定X和Y轴 API非常好 足以做参考
background
center
endAngle 极坐标或者仪表盘的末端点角度，以度来计算，且北为0度的方式给出。
size 面板的尺寸大小，要么是一个数字定义的像素，要么是一个百分比定义的图像面积百分比大小。
startAngle 极坐标或者仪表盘的始端点角度，以度来计算，且北为0度的方式给出。
char图形
alignTicks坐标轴刻度对其
animation图表更新的动画
backgroundColor外图表区域的颜色或渐变
borderColor外图表区域的边框的颜色 支持圆角
borderRadius外图表区域边框圆角
borderWidth图表边框宽度
className给图标div添加class便于修改图表css样式
events图表的事件监听器
height图表的高度，默认高度是容器高度
ignoreHiddenSeries忽略隐藏（宝宝没整明白其具体的作用）
inverted是否交换X轴Y轴
margin图表的外边与图形区域之间的间距
marginBottom
marginTop
marginLeft
marginRight
options3d3D图像设置项 3D效果需要引入highcharts-3d.js
panKey图表拖动按键 当图表放大后，可以按住所设定的按钮
Panning为true可以使得图形能平移
pinchType和zoomType属性相似，但是紧供多点触控 如股票软件的收聚功能
plotBackgroundColor绘制图形区域的背景颜色
plotBackgroundImage绘制图形区域可添加图片背景
plotBorderColor绘制图形区域边框颜色
plotBorderWidth绘制图形区域边框宽度
plotShadow绘制图形区域阴影
Polar为true，则可将图转成极地图,但需引入highcharts-more.js.
reflow图会根据当窗口或者框架改变大小时而改变
renderTo图表描绘出后放到页面的某一具体位置 可用于动态创建按元素时使用（基本不用）
resetZoomButton这个按钮出现在缩放之后，允许用户进行缩放重置
selectionMarkerFill当选中某一区域时图会被放大，此时选中区域会有背景颜色，此属性可以更改此背景
shadow下摄影，例如光从上往下照，物体的产生的影
showAxes当一个空图动态的添加数据集时是否要显示轴false和true的区别没看出来
spacing图的外边框和绘图区之间的距离 与margin类似
spacingBottom
spacingLeft
spacingRight
spacingTop
style如：字体样式
type绘制图形的类型
width指定图的宽度
zoomType指图沿着什么方向放大与panKey相关
data数据模块提供了一个简化的接口向图表添加数据来源如CVS,HTML表或网格视图。他需要data.js做文件的加载 但是其他来源的数据需要通过series.data选项。
columns多列的柱形图一般使用
complete 这些选项可以扩展附加选项和直接传递给构造函数的图表。当数据完成加载时，
csv ： document.getElementById('csv').innerHTML
dateFormat日期格式
decimalPoint 在CSV中用于解析小数的小数点
endColumn结束列
endRow结束行
firstRowAsNames是否将x轴对应的名称做为注释显示的名称
googleSpreadsheetKey谷歌电子数据的关键词汇
googleSpreadsheetWorksheet谷歌电子工作表
itemDelimiter项分隔符
lineDelimiter解析csv用的行分隔符
parseDate解析数据 一个回调函数来解析JavaScript字符串表示的日期时间戳。应该返回一个整数时间戳上的成功。
parsed 一个回调函数来访问解析列,直接输入数据二维数组,解释成系列数据和类别。返回错误停止完成,或叫this.complete()继续异步。
rows定义行和列 不错挺好用
seriesMapping系列制图
labels可以放置在图表中任意位置的Html标签。
items 可以放置在图表中任意位置的Html文字标签。
html
style
style
exporting HighChares的导出模块
loading 提升用户体验的东西
hideDuration 时间以毫秒为单位的淡出效果。
labelStyle 加载css样式标签
showDuration 以毫秒为单位的淡入效果
style CSS样式加载屏幕覆盖图形区样式
noData 用于显示一条像“没有要显示的数据”的选项。这个特性需要在页面头部加载no-data-to-display.js文件。真正显示出的文本是在 lang.noData 设置的。
attr 无数据标签中额外的SVG属性
position 相对于绘图区定位无数据标签的位置。
style 对无数据标签的CSS样式
plotOptions 图形选项 其中的属性可以直接写在series属性里
area 区域图 面积图
allowPointSelect 设置是否允许通过点击节点标记、条带、切片，选择数据列的节点。
animation 启用或禁用最初的动画 支持持续时间等特效和缓动特效 缓动特效不支持旧版IE浏览器和柱状图 极地图
color
connectEnds 是否在极地图结束时链接开始和结束的两个点
0 条评论
下一页
为你推荐
查看更多
抱歉，暂无相关内容 
