数据标签

Highmaps网页图表教程之数据标签与标签文本

早过忘川 提交于 2019-12-10 02:41:49
Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据。数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近。在 Highmaps 中,数据标签使用配置项 dataLabels 进行设置。本章将详细讲解数据标签的使用方式。 Highmaps 构建数据标签 Highmaps 启用数据标签 默认状态下,地图图表均不显示数据标签。用户需要在数据列中启用才可以。这时,需要使用配置项 enabled 。其语法如下: enabled: Boolean 该配置项值的类型为布尔值。当值为 true 时,启用数据标签功能;当值为 false 时,禁用该功能。默认值为 false 。 【实例 4-1 : showdatalabel 】下面在地图图表中显示数据标签。核心代码如下: series: [{ type:'map', dataLabels: { enabled:true // 启用数据列的数据标签功能 }, }], 执行代码后,效果如图 4.1 所示。 图 4.1 显示数据标签 Highmaps 数据标签设置方式 由于数据标签 dataLabels 定义在数据列中,所以数据标签可以在多个位置进行设置。常见的设置位置如下: q plotOptions.series.dataLabels