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 图例开关
<div>floating <span style="font-size: 13px;">图例容器是否可以浮动，当此值设置为false时，图例是不可在数据区域图之上，它们是不可重叠的 但是true可以</span></div>
itemDistance 水平布局中的两图例间的距离
itemHiddenStyle 当点击图例进行隐藏时图例的样式
itemHoverStyle 鼠标经过时图例的样式
itemMarginBottom 图例竖直排列时的底边距
itemMarginTop
itemStyle 每个图例项的样式
itemWidth 每个图例项的宽度
<div>labelFormat <span style="font-size: 13px;">每个图例标签的格式化字符串。可参考API</span></div>
<div>labelFormatter <span style="font-size: 13px;">每个图例标签的格式化的回调函数</span></div>
<div>layout <span style="font-size: 13px;">图例数据项的布局。布局类型：水平或垂直</span></div>
<div>lineHeight <span style="font-size: 13px;">图例项行高。2.1版本后已经废弃，取而代之的是可在itemStyle设置行高</span></div>
margin 整个图例的外边框
maxHeight 图例的最大高度
navigation 图例区导航箭头 当图例（高度）溢出时，分页或者导航就会出现。当允许legend.useHTML可用时，导航将禁用
<div>animation <span style="font-size: 13px;">当点击图例的导航上下按钮时，触发的动画效果。默认的情况此属性设置为true，额外的属性设置可封装在对象中</span></div>
arrowSize 图例导航按钮的大小
activeColor 激活箭头颜色
inactiveColor 图例导航按钮未激活颜色
style图例导航文本颜色
padding 内边距
<div>reversed <span style="font-size: 13px;">倒转 将两个叠加的图形通过点击单独显示 可参见API</span></div>
rtl 图例符号是否在文字右边
shadow 图例投影
symbolHeight 图例中符号的高度
symbolPadding 图标和图例间文本的距离
<div>symbolRadius <span style="font-size: 13px;">当图例是用矩形包裹时，图标的边框半径</span></div>
symbolWidth 图标宽度
title 图例上方的标题
style
text
<div>useHTML <span style="font-size: 13px;">是否用HTML对于图例各项的文本。当用HTML时就不能再用图例导航。</span></div>
verticalAlign 垂直对齐
width 图例容器的宽度
x
y
navigation 一组选择按钮和菜单出现的模块
buttonOptions 一组选择按钮出现的输出模块
子主题
enabled 是否启用
height
symbolFill填充按钮符号颜色
symbolSize按钮符号大小
symbolStroke 象征笔画
symbolStrokeWidth 象征笔画的宽度
symbolX 图标中心点x轴位置
<span style="font-size: 18.018px;">symbolY 图标中心点y轴位置</span>
text图标旁边的文字
theme 主题
verticalAlign 垂直对齐方式
width
y
menuItemHoverStyle 单个按钮菜单的悬停效果
menuItemStyle 单个按钮菜单的主题风格
menuItemStyle
pane 只适用于极坐标图和角度测量仪 <span style="color: rgb(51, 51, 51); font-family: Helvetica, 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei'; font-size: 14px; line-height: 20px;">此配置对象包含常规选项是为了设定X和Y轴 API非常好 足以做参考</span>
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 时间以毫秒为单位的淡出效果。<br>
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 条评论
下一页
为你推荐
查看更多
抱歉，暂无相关内容 
