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类型
默认为""