Highcharts翻译系列:legend 图例选项
2013-12-12 23:19
309 查看
参数
描述
默认值
align
图例的水平位置
center
backgroundColor
图例的背景色
null
borderColor
图例的边框颜色
#909090
borderRadius
图例的圆角半径
5.0
borderWidth
图例的边框宽度
1.0
enabled
启用或禁用图例
true
floating
当图例是浮动的,绘图区将会忽略它,且绘图区会放在图例的后边
false
itemHiddenStyle
图例的每个系列项目或点项目隐藏时的CSS样式
null
itemHoverStyle
图例的每个系列项目或点项目鼠标滑过时的CSS样式
null
itemMarginBottom
每个图例项目的下边距。
0.0
itemMarginTop
每个图例项目的上边距
0.0
itemStyle
每个图例项目的CSS样式
null
itemWidth
每个图例项目的宽度。当一个包含多个图例项目的水平图例需要垂直对齐时,这是非常有用的
null
labelFormatter
系列的格式化标签
null
layout
图例项目的布局。可以是’horizontal’或’vertical’
horizontal
lineHeight
图例项目的行高。V2.1版本后过期
16.0
margin
如果绘图区是自动计算且图例是不浮动的,图例的边距就是图例和坐标轴标签或绘图区的空间。
15.0
maxHeight
图例的最大高度
null
navigation
当图例溢出时,分页导航的选项
padding
图例盒子的内边距
8.0
reversed
图例项目的顺序相对于系列或点定义的顺序是否要逆序
false
rtl
是否把标志放在文本的右边
false
shadow
图例的阴影
false
style
图例的CSS样式。
null
symbolPadding
图例内标志和文本的距离
5.0
symbolWidth
图例内标志的宽度
30.0
useHTML
是否使用HTML渲染图例项目的文本
false
verticalAlign
图例框的垂直对齐方式
bottom
width
图例的宽度
null
x
相对于水平对齐方式align的chart.spacingLeft和chart.spacingRight的x的偏移量
0.0
y
相对于垂直对齐方式verticalAlign的chart.spacingTop和chart.spacingBottom的垂直偏移量
0.0
例子:::
legend: { //【图例】位置样式
layout: 'horizontal', //【图例】显示的样式:水平(horizontal)/垂直(vertical)
backgroundColor: '#FFFFFF',
borderColor: '#CCC',
borderWidth: 1,
align: 'center',
verticalAlign: 'top',
enabled:true,
y: 50,
shadow: true
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
legend: {
itemStyle: {
fontSize:'15px'
}
});
描述
默认值
align
图例的水平位置
center
backgroundColor
图例的背景色
null
borderColor
图例的边框颜色
#909090
borderRadius
图例的圆角半径
5.0
borderWidth
图例的边框宽度
1.0
enabled
启用或禁用图例
true
floating
当图例是浮动的,绘图区将会忽略它,且绘图区会放在图例的后边
false
itemHiddenStyle
图例的每个系列项目或点项目隐藏时的CSS样式
null
itemHoverStyle
图例的每个系列项目或点项目鼠标滑过时的CSS样式
null
itemMarginBottom
每个图例项目的下边距。
0.0
itemMarginTop
每个图例项目的上边距
0.0
itemStyle
每个图例项目的CSS样式
null
itemWidth
每个图例项目的宽度。当一个包含多个图例项目的水平图例需要垂直对齐时,这是非常有用的
null
labelFormatter
系列的格式化标签
null
layout
图例项目的布局。可以是’horizontal’或’vertical’
horizontal
lineHeight
图例项目的行高。V2.1版本后过期
16.0
margin
如果绘图区是自动计算且图例是不浮动的,图例的边距就是图例和坐标轴标签或绘图区的空间。
15.0
maxHeight
图例的最大高度
null
navigation
当图例溢出时,分页导航的选项
padding
图例盒子的内边距
8.0
reversed
图例项目的顺序相对于系列或点定义的顺序是否要逆序
false
rtl
是否把标志放在文本的右边
false
shadow
图例的阴影
false
style
图例的CSS样式。
null
symbolPadding
图例内标志和文本的距离
5.0
symbolWidth
图例内标志的宽度
30.0
useHTML
是否使用HTML渲染图例项目的文本
false
verticalAlign
图例框的垂直对齐方式
bottom
width
图例的宽度
null
x
相对于水平对齐方式align的chart.spacingLeft和chart.spacingRight的x的偏移量
0.0
y
相对于垂直对齐方式verticalAlign的chart.spacingTop和chart.spacingBottom的垂直偏移量
0.0
例子:::
legend: { //【图例】位置样式
layout: 'horizontal', //【图例】显示的样式:水平(horizontal)/垂直(vertical)
backgroundColor: '#FFFFFF',
borderColor: '#CCC',
borderWidth: 1,
align: 'center',
verticalAlign: 'top',
enabled:true,
y: 50,
shadow: true
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
legend: {
itemStyle: {
fontSize:'15px'
}
});
相关文章推荐
- Highcharts系列翻译之十四:Series数据列选项
- Highcharts翻译系列八:Pane窗格选项和PlotOptions绘图选项概览
- 【HighCharts系列教程】十、图例属性——legend
- Highcharts翻译系列六:legend 图例选项
- Highcharts翻译系列之二十二:柱状图例子
- highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现4 090. //图表放大
- Highcharts翻译系列六:legend 图例选项
- highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现3 6、完整实例代码:
- highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现2 5、图表重画
- highcharts图表的图例legend怎么改变显示位置
- Highcharts系列翻译说明
- Highcharts翻译系列九:PlotOptions之area区域图
- highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现2 5、图表重画
- Highcharts 翻译系列十一:bar 条状图和Column柱状图及Columnrange柱状排列图
- Highcharts翻译系列之十五:title标题和subtitle副标题
- Highcharts翻译系列之十七:xAxis x轴的样式(一)
- Highcharts翻译系列之十六:tooltip工具提示
- Highcharts翻译系列之十七:xAxis x轴的样式(一)
- Highcharts 翻译系列之十八:x轴样式(二)
- highcharts图表的图例legend