您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 信息化管理 > Highcharts说明文档
图表说明文档一、元文件XML定义说明1.Chart:图表的通用属性Margin:边距是指图表的外边与图形区域之间的距离,数组分别代表上、右、下和左。例子:50,50,100,50Inverted:是否将X轴和Y轴进行调换,默认值为falseZoomType:拖动鼠标时,指定此图是沿着什么轴进行放大,例如zoomType:'x'沿着X轴放大,依次类推Polar:Polar为true,则可将图转成极地图,默认是:false.Type:指定绘制区所要绘制的图的类型,例如:type=bar为柱图,type=line为线图BorderWidth:图表边框宽度。默认宽度为0。BorderColor:外图表区域的边框颜色。默认是:#4572A7.BorderRadius:外图表区域边框圆角。默认是:5.BackgroundColor:外图表区域的背景颜色或渐变。默认是:#FFFFFF.PlotBackgroundColor:绘制图形区域边框颜色,默认是:#C0C0C0.SpacingTop:图的上边框和绘图区之间的距离,默认是:10.SpacingBottom:图的底边框和绘图区之间的距离,默认是:15.MarginLeft:左边距,单位PX,MarginRight:右边距,单位PX2.Exporting:导出功能相关属性Enabled:导出模块是否可用Width:导出图片的宽度Filename:导出图片的名字3.Legend:图例说明Enabled:图例开关。默认是:true.Align:图例容器(中的图例)水平对齐在图表区,合法值有left,center和right.默认是:centerVerticalAlign:垂直对齐。能取top,middleorbottom之一。BackgroundColor:背景色BorderColor:边框颜色BorderRadius:边框圆角半径BorderWidth:边框线宽Floating:图例容器是否可以浮动,当此值设置为false时,图例是不可在数据区域图之上,它们是不可重叠的,而设成true,则可。默认是:false.Layout:图例数据项的布局。布局类型:水平或垂直。默认是:水平horizontalorvertical.Margin:整个图例区的外边距。如果整个图型区的大小是自动计算得出并且图例不浮动,那么图例边距的空间是指整个图例与坐标轴标签或者图形区之间的距离。默认值是:15ItemWidth:每个图例项的宽度。当图例有很多图例项,并且用户想要这些图例项在同一平面内垂直对齐,此时这个属性可帮用户实现此效果Reversed:倒转。默认是:falseRtl:图例符号是否在文本右边。默认是:false.X:整个图例X轴偏移量,它是相对于水平布局定下后,chart.spacingLeft和chart.spacingRight.的空间左右移动,当x值为负值时,图例朝左移动;正值时,图例朝右移动。Y:整个图例垂直偏移量,它是相对于垂直布局定下后,chart.spacingTop和chart.spacingBottom的空间垂直移动,当y值为负值时,图例朝上移动;正值时,图例朝下移动。Title:图例说明标题(见Title说明)4.TitleorSubtitle:标题及其副标题Enabled:是否可见;Align:水平布局方式;center,left,right;Text:标题文本;VerticalAlign:垂直布局方式;top,middle,bottomX:水平X的偏移量Y:水平Y的偏移量Style:样式(见Style说明)Offset:偏移量,默认值15。5.Tooltip:数据提示框。当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。Style:样式(见Style说明)Enabled:是否可见;BackgroundColor:背景色BorderColor:提示边框的颜色BorderRadius:边框圆角半径,默认值3BorderWidth:边框宽度,默认值1Crosshairs:十字准线,如:Crosshairs=true,true第一个值表示是否与X轴有准线连接,第二个值表示是否与Y轴有准线连接。Shared:提示框文本显示有序数据(不包括饼图,散点图和标志图(flag)等)的系列类型将被显示在单一的气泡中。ValueDecimals:数据提示框数据值小数保留位数。默认为保留所有小数。ValuePrefix:附加到序列Y值的前缀。ValueSuffix:附加到序列Y值的后缀。XDateFormat:如果X轴是时间轴,格式化提示框标题中的日期。6.Axis:坐标轴(包括XAxis,YAxis)所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过设置chart.inverted=true可以让x,y轴显示位置对调。下图为图表中坐标轴组成部分Id:轴的id。可以在图表渲染后,通过chart.get()获得;Type:坐标轴的类型。可以是linear,logarithmic(对数轴),datetime或者category之一。默认是:linear(线性轴).Logarithmic:对数AllowDecimals:轴的刻度是否允许出现小数。AlternateGridColor:相间的网格列颜色。当设置了此属性,网格中会隔列显示该颜色;Categories:类别名称,['Apples','Bananas','Oranges']CategoriesPropertyName:坐标轴类别所对应的属性名称EndOnTick:结束于标线;是否强制轴线在标线处结束。默认值为trueGridLineColor:绘图区域网格线颜色GridLineDashStyle:绘图区域网格线样式,实线:solid虚线:longdashGridLineWidth:绘图区域网格线宽度LineColor:轴本身线的颜色;LineWidth:轴本身线的宽度,默认值为1;LinkedTo:指向本轴的另一个轴的索引。当一个轴指向主轴时,它将有和主轴一样的极端值,但是通过min,max或setExtremes可以更改。Max:轴的最大值Min:轴的最小值。如果是null,最小值被自动计算MinTickInterval:坐标轴的值允许的最小刻度间隔。比如缩放轴用来显示每天的数据时可以用来阻止轴上显示小时的时间。MinorGridLineColor:次级网格线的颜色,默认是:#E0E0E0.MinorGridLineDashStyle:次级网格线的风格,网格线的线条风格样式,见(DashStyle)MinorGridLineWidth:次级网格线的宽度,默认是:1.MinorTickColor:次级刻度线的颜色MinorTickInterval:次刻度线的间隔。在一个直线轴中,如果设置为auto,次刻度间隔计算为刻度线间隔的五分之一。如果设置为null,次刻度刻度线不显示。MinorTickLength:次级刻度线的长度MinorTickPosition:次级刻度线相对于轴线的位置,可取值为:inside和outsideMinorTickWidth:次级刻度线的宽度Opposite:是否在正常显示的对立面显示轴。正常是垂直坐标轴显示在左边,水平坐标轴显示在底部,因此对立面就是垂直坐标轴显示在右边和水平坐标轴显示在顶部,这通常用于有两个或多个坐标轴。Reversed:是否逆转轴,使得最高数最靠近原点。如果图表倒置,x轴默认是逆转的。Offset:标题到轴线的距离;ShowEmpty:当坐标轴没有数据时是否显示轴线和标题。默认值为trueStartOnTick:是否强制轴线在标线处开始。使用此选项与maxPadding来控制TickInterval:坐标轴上的刻度线的单位间隔。当值为null时,刻度线间隔是根据近似于线性的(tickPixelInterval)计算的。TickPosition:刻度线相对于轴线的位置,可以取的值为inside和outsideTickLength:刻度线的长度TickWidth:刻度线的宽度TickColor:主刻度线的颜色TickmarkPlacement:仅适用于类别轴。如果设置为on刻度线位于在类别名称的中心,如果设置为between刻度线位于类别名称之间。如果刻度线间隔数为1,其默认值是between,否则默认只是on。Labels:轴标签,(显示在刻度上的数值或者分类名称),见Label。Title:坐标轴标题,显示在轴线旁。见Title。StackLabels:栈标签显示堆栈列或条形图中每个栏位的总值。属性见Label。Y轴属性。PlotLines:通过颜色线横贯在绘图区域上标记轴中的一个特定值。见PlotLines。PlotBands:通过彩色带横贯在绘图区域上做成的表示在轴线上的间距。见PlotBands。7.Series:数据列(数据列是一组数据集合,例如一条线,一组柱形等。图表中所有点的数据都来自数据列对象)BindProperty:绑定属性名DrillEnable:是否支持钻取DrillDataInfo:ISDO,钻取数据信息,服务端使用Type:图表类型Name:对应的图例Data:服务端用Visible:可见性XAxis:使用的X轴Index:见zIndex。LegendIndex:序列中的各图在图例中的顺序Stack:是否是堆积图YAxis:使用的Y轴ShowInLegend:是否在图例中显示Color:可以通过series.color来指定数据列的颜色Size:饼图大小Center:饼图圆心DashStyle:线条样式8.PlotOptions:数据点配置1)Type=Line(直线图)orType=Spline(曲线图)AllowPointSelect:设置是否允许通过点击节点标记、条带、切片,选择数据列的节点。通过设置allowPointSelect=true可以使数据点可选择Animation:Highcharts图表默认是以动画的形式展现图形加载过程的Cursor:cursor属性可以指定鼠标形状pointer,即指定当鼠标悬停在数据列上时对应的鼠标样式(当配置了数据列点击事件时)。DataLabels:数据标签指的是在数据点上显示一些数据信息标签Color:颜色ConnectEnds:只用在极坐标图表中。是否要跨越极端连接序列线的终端(series伴随数据指定)默认是:true.ConnectNulls:是否跨过空的点链接图像线,默认是:false.DashStyle:图表段划线样式的名字(见5)DashStyle)LineWidth:线的宽度,默认2;Stacking:null,normal,percentStep:left,centerandright线状图的步长折线PointStart:没有X轴坐标时,用来定义初始点坐标,与PointInterval一起使用。PointInterval:没有X轴坐标时,用来定义X轴的间距。Marker:标记数据点,见Marker。States:鼠标放上和选中点的样式。见States。2)Type=Column(柱状图)orType=Bar(条状图)AllowPointSelect:设置是否允许通过点击节点标记、条带、切片,选择数据列的节点。Animation:Highcharts图表默认是以动画的形式展现图形加载过程的BorderColor:column边框颜色BorderWidth:column边框宽度BorderRadius:column边框弧度ColorByPoint:否应该接受每系列的一种颜色或每点一种颜色Colors:颜色集合Grouping:每个柱之间彼此是否独立Stacking:(null,normal,percent)一个图表是否成为堆叠图,关键在于是否设置了stacking属性,堆叠图主要是针对柱状图和bar图而言的N
本文标题:Highcharts说明文档
链接地址:https://www.777doc.com/doc-2876318 .html