Question

如何设置指定数据点显示数据标签

Answer 1

　　很多时候我们会面临这样一个需求，初始化highcharts图表的时候，比如是线性图，我需要默认显示其中几个数据点的数据值是多少，而不用我鼠标移动上去才会显示，这个时候我们可以对其data数据点进行默认设置。这里的示例默认设置为显示最后一个数据点的数据值，核心代码如下所示：
$(function () {
02.$('#container').highcharts({
03.
04.chart: {
05.marginRight: 50
06.},
07.
08.series: [{
09.data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, {
10.dataLabels: {
11.enabled: true,
12.align: 'left',
13.style: {
14.fontWeight: 'bold'
15.},
16.x: 3,
17.verticalAlign: 'middle',
18.overflow: true,
19.crop: false
20.},
21.y: 54.4
22.}]
23.}]
24.
25.});
26.});

从以上代码中不难看出，在series内的data中，最后一个数据点多配置了一些参数，首先指定是要设置dataLabels属性，设置其enabled为true，表示显示数据值。其他的就不做过多解释了的。练习一下吧！

Answer 2

如果饼图包含的数据点过多，标签可能会重叠。一种解决方案是在饼图外显示标签，这样可能会为较长的数据标签留出更多的空间。如果发现标签仍然重叠，可以启用三维来为这些标签留出更多的空间。这将减小饼图的直径，在饼图周围留出更多的空间。