Highcharts网页图表制作实例详解 (Web开发典藏大系)
上QQ阅读APP看书,第一时间看更新

5.1 图例的构成

图例是图表中默认自带的部分。每个图表都具有一个图例。图例通常由图例区、标题和图例项目构成,如图5.1所示。下面简要介绍各个部分。

图5.1 图例的构成

图例区:由灰色方框括起来的部分,所有的图例元素都绘制在该区域中。

标题:位于图例项目的上方,用来说明图例项目的内容。

图例项目:用来标记每个数据列的意义,方便用户理解对应的数据。

图例区的设置需要借助Highcharts提供的legend组件。其语法形式如下:

legend: {
    //相关配置项
}

下面所有讲解的配置项都是使用legend组件。