-
Chart
：图表区选项
Chart
图表区选项用于设置图表区相关属性。
参数
backgroundColor
borderWidth
borderRadius
renderTo
设置图表区背景色
设置图表边框宽度
设置图表边框圆角角度
图表放置的容
器，一般在
html
中放置一个
DIV
，获
取
DIV
的
id
属性值
defaultSeriesType
默认图表类型
line, spline, area,
areaspline,
column, bar, pie , scatter
width
height
margin
图表宽度，默认根据图表容器自适应宽度
图表高度，默认根据图表容器自适应高度
设置图表与其他元素之间的间距，数组，如
[0,0,0,0]
null
null
[null]
null
null
0
描述
默认值
#FFFFFF
0
5
null
plotBackgroundColor
主图表区背景色，
即
X
轴与
Y
轴围成的区域的背景色
plotBorderColor
主图表区边框的颜色，
即
X
轴与
Y
轴围成的区域的边
框颜色
plotBorderWidth
shadow
reflow
主图表区边框的宽度
是否设置阴影，
需要设置背景色
bac
kgroundColor
。
是否自
使用图表区域高度和宽度，如果没有设置
width
和
height
时，会自适应大小。
zoomType
拖动鼠标进行缩放，
沿
x
轴或
y
轴进行缩放，
可以设
0
false
true
''
置为：
'x','y','xy'
events
事件回调，支持
add
Series
方法，
click
方法，
load
方法，
selection<
/p>
方法等的回调函数。
Color
：颜色选项
Color
颜色选项用于设置图表的颜色方案。
参数
color
描述
用于展示图表，折线
/
柱状
/
饼状等图的颜色
，数组形式。
默认值
array
Highchart
s
已经默认提供了多种颜色方案，当要显示的图形多于颜色种类时，多出的
图形会自动从第一种颜色方案开始选取。自定义颜色方案的方法：
ions(
{
colors:
[
'#058DC7'
,
'#50B432'
,
'#ED561B'
,
'#DDDF00'
,
'#24CBE5'
,
'
#64E572'
,
'#FF9655'
,
'#FFF263'
,
'#6AF9C4'
]
}
);
Title
：标题选项
Title
标题选项用于设置图表的标题相关属性。
参数
text
align
verticalAlign
margin
floating
标题文本内容。
水平对齐方式。
垂直对齐方式。
标题与副标题之间或者主图表区间的间距。
< br>是否浮动，如果为
true
，则标题可以偏离主图表区，
可
描述
默认值
Chart title
center
top
15
false
配合
x,y
属性使用。
style
设置
CSS
样式。
{color:
'#3E576F',
fontSize:
'16px'}
Subtitle
：副标题选项
副标题提供的属性选项与标题
title
大
致相同，可参照上述标题选项，值得一提的是副
标题的
text
选项默认为
''
，即空的，所以默认情
况下副标题不显示。
xAxis
：<
/p>
X
轴选项
X<
/p>
轴选项用于设置图表
X
轴相关属性。
参数
categories
描述
设置
X
轴分类名称，数组，例如：
categories: ['Apples',
'Bananas',
'Oranges']
title
X
轴名称，支持
text
、
enabl
ed
、
align
、
< br>rotation
、
style
等属性
labels
设置
X
轴各分类名称的样式
style
，格式
formatter
，角
度
rotation
等。
max
X
轴最大值
< br>(categories
为空时
)
，如果为
null
，则最大值
会根据
X
轴数据自动匹配一个最大值。
min
X
轴最小值
< br>(categories
为空时
)
，如果为
null
，则最小值
会根据
X
轴数据自动匹配一个最小值。
array
null
array
默认值
[]