无法在热图上设置值的格式

时间:2017-12-17 06:12:29

标签: javascript highcharts highmaps

我正在使用highcharts来创建热图。我想在热图上使用%符号作为后缀。这是片段:

series: [{
            name: 'Sales per employee',
            borderWidth: 1,
            data: [[0,0,10],[0,1,19],[0,2,8],[0,3,24],[0,4,67],[1,0,92],[1,1,58],[1,2,78],[1,3,117],[1,4,48]],
            dataLabels: {
                enabled: true,
                color: 'black',
                format: '{value}%',
            }
        }]

{value}%无效,因为值似乎为空。如果我将其更改为{y}%它会起作用,除非它使用热图的y值(而不是该位置的实际值)。我应该使用dataLabels以外的东西吗?

2 个答案:

答案 0 :(得分:1)

您应该使用formatter选项:

dataLabels: {
    enabled: true,
    color: 'black',
    //format: '{value} %',
    formatter: function(){
         return this.point.value + ' %';
     }
}

Fiddle

答案 1 :(得分:0)

要使其有效,请使用{point.value}%代替{value}%

dataLabels: {
  enabled: true,
  format: '{point.value}%'  
}

现场演示: http://jsfiddle.net/kkulig/0k0hc3j5/