highcharts 图例详解

Highcharts图例配置详解

最新推荐文章于 2025-01-28 08:15:00 发布

转载最新推荐文章于 2025-01-28 08:15:00 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Rozdy/p/5465755.html

本文详细介绍了Highcharts中图例的各项配置参数及其作用，包括显示隐藏、边框颜色及宽度、布局方式、文本格式化等内容，帮助开发者更好地掌握Highcharts图例的定制方法。

highcharts 图例

     tooltip: {

                    },
                    legend: {
                      layout: 'vertical',
                        align: 'right',
                        verticalAlign: 'top',
                        x: 5,
                        y: 0,
                        borderWidth: 1,
                        labelFormatter: function () {
                             return this.name + '&nbsp';
                        },
                        backgroundColor:'#FFFFFF',
                        useHTML: true
                        //enabled: true

                   },
                    plotOptions: {
                        }
    注：
    enabled: true/false 显隐图例
    borderColor:'#909090'      // 图例的边框颜色
    layout:'horizontal'   //图例项目的布局。可以是’horizontal’或’vertical’
    rtl:true/false //是否把标志放在文本的右边
    verticalAlign:'top' //图例框的垂直对齐方式
    borderWidth:1    //图例的边框宽度
    labelFormatter:null //格式化标签
    useHTML:false   //是否使用HTML渲染图例项目的文本
    x:0
    y:0     //水平，垂直偏移