Highcharts翻译系列:legend 图例选项

参数
 描述
 默认值
 
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'
    }
});

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值