highcharts报表插件之chart参数的使用

chart图表区选项配置项的使用


因为chart参数的配置很多,所以每一个参数的具体实例和运行结果,我单独做了个API,有兴趣的朋友可以自己下载看看噢~肯定对你有帮助的。链接地址是:highcharts报表插件之chart参数配置

 1、alignTicks(多个坐标轴使用)

 当使用多个坐标轴时,将使用最少的轴线来校准两个或多个坐标轴。如果网格线显得凌乱,设置alignTicks为true是一个好的方法,隐藏他们的第二个轴设置为0的gridLineWidth。

 Boolean类型

 默认为true。


2、animation

报表动画的更新效果,配合update()函数使用,报表初始化时,这个参数不起作用。

 BooleanObject类型

 默认为true


3、backgroundColor

 设置图表区的背景色。

 String类型

 默认值为#FFFFFF


 4、borderColor

设置图表边框的颜色,只有当borderWidth不为0的时候起作用

 String类型

 默认值为#4572A7


 5、borderRadius

设置图表边框圆角角度,只有当borderWidth不为0的时候起作用

 Number类型

 默认值为5


 6、borderWidth

 设置图表边框宽度

 Number类型

 默认值为0

 

7、className

 包含图表DIV的类名,即renderTo对应ID的那个DIV。

 String类型

 默认为null


 8、defaultSeriesType

设置默认的图表类型,可选项line表示折线型,spline表示曲线型,area表示折线区域型,areaspline表示曲线区域型,column表示柱状型,bar表示横向条状型,pie表示饼状型,scatter表示散播型。

 String类型

 默认为line


9、events

触发图表背景所触发的一些事件。

 (1)click()单击事件

 (2)addSeries()添加坐标轴数据之前的方法

 (3)load()当图表加载完之后所触发的事件

 (4)redraw()重绘方法

 (5)selection()


 10、height

图表的高度,默认根据图表容器自适应高度。

 Number类型

 默认值null


 11、ignoreHiddenSeries

如果设置为true,点击legend时,轴将被隐藏,坐标轴将扩展,扩展后如果有剩余的轴,则会显示剩余的轴如果为false,则不会隐藏剩余或多于的坐标轴。对于栈堆栈内的,一旦其中一个系列是隐藏的,即使轴不会受到影响,其余在它周围的堆栈也将关闭。

 Boolean类型

 默认为true。

 

12、inverted

报表图是否反转,即x轴是垂直轴和y轴是水平的。设置为true的话,报表就会反转。

Boolean类型

默认为false


13、margin

图表和绘图区的外边框之间的差距。

Array类型

默认值为margin:[null]


14、marginTop

图表和绘图区的外上边框之间的差距。

Number类型

默认值为marginTop : null


15、marginRight

图表和绘图区的外右边框之间的差距。

Number类型

默认值为marginRight : 50


16、marginBottom

图表和绘图区的外底边框之间的差距。

Number类型

默认值为marginBottom  : 70


17、marginLeft

图表和绘图区的外底边框之间的差距。

Number类型

默认值为marginLeft : 80


18、plotBackgroundColor

绘图区域的背景颜色.

Color类型

默认为null


19、plotBackgroundImage

绘图区域的背景图片。

String类型

默认为null


20、plotBorderColor

绘图区域的边框颜色。只当plotBorderWidth不为0的时候才有效。

Color类型

默认#C0C0C0


21、plotBorderWidth

绘图区域的边框的宽度。

Number类型

默认为0


 22、plotShadow

绘图区域是否先阴影。只有在plotBackgroundColor不为空的时候才起作用。

 Boolean类型

 默认为false


23、reflow

报表图的长度和宽度不随浏览器的变化而变化。true表示随着浏览器的变化而变化。

Boolean类型

默认为true


24、renderTo

存放报表容器的ID。

String类型

默认为null


25、shadow

报表容器的阴影效果。只有在backgroundColor有值的情况下才有效

Boolean类型

默认为false


26、showAxes

是否显示最初的坐标轴。仅适用于在空表中动态添加,坐标轴会自动添加series

Boolean类型

默认为false


27、spacingTop

(绘图区,坐标轴标题标签,标题,副标题或legend中的顶部位置)的图表和内容上边缘之间的空间。

Number类型

默认值为10


28、spacingRight

(绘图区,坐标轴标题标签,标题,副标题或legend中的顶部位置)的图表和内容右边缘之间的空间。

Number类型

默认值为10


29、spacingBottom

(绘图区,坐标轴标题标签,标题,副标题或legend中的顶部位置)的图表和内容下边缘之间的空间。

Number类型

默认值为15


30、spacingLeft

(绘图区,坐标轴标题标签,标题,副标题或legend中的顶部位置)的图表和内容左边缘之间的空间。

Number类型

默认值为10


31、style

设备存放报表容器DIV的样式。

CSSObject类型

默认值

style: {

       fontFamily: '"Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif', //default font

       fontSize: '12px'

}


32、type

图表的基本类型。

String类型

默认为line

line表示折线型

spline表示曲线型

area表示折线区域型

areaspline表示曲线区域型

column表示柱状型

bar表示横向条状型号

pie表示饼状型

scatter表示散播型


33、width

报表容器的宽度。

Number类型

默认为null


34、zoomType

决定在什么区域,用户可以通过拖动鼠标放大。可以通过x轴放大,可以通过y轴放大,也可以通过xy轴同时放大

String类型

默认为""


你可能感兴趣的:(highcharts报表插件之chart参数的使用)