highcharts图例控制

highcharts图表中图例的设置
这个主要是控制所有图例的设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
legend : {
backgroundColor : '#ccc' // 背景颜色
borderWidth : '0', // 边框宽度
borderRadius : 0, // 边框圆角

borderColor : 'red', // 边框颜色

enabled : true, // 图例开关

layout : 'horizontal' // 图例布局类型,默认horizontal 水平布局,垂直布局vertical

// 图例点击后颜色
itemHiddenStyle : {
color : 'red'
}
// 鼠标放上样式
itemHoverStyle : {
color : 'red'
}
symbolPadding : 5 // 图标跟文字的间距
symbolPadding: // 图标后距
symbolRadius: // 图标圆角
symbolWidth: // 图标宽度
}

控制单个图例的显示和隐藏,就是默认状态为点击之后的隐藏状态

  • 指定数据列的 visible 属性即可,示例代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    series: [{
    name: 'series1',
    data: [],
    visible: true // 默认值
    },{
    name: 'series2',
    data: [],
    visible: false // 不显示
    }]
-------------本文结束感谢您的阅读-------------
来而不往,非礼也!
分享到: 更多