javascript - Highcharts 条件数据标签

标签 javascript highcharts

我想用条件格式标记系列数据,但它对我不起作用。请帮我解决这个问题。我已经粘贴了基本数据系列的代码,我想根据阈值对其进行标记,但我无法做到这一点。如果我评论 if 条件,则标签会显示整个系列。

$(function () {
$('#container').highcharts({

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                if(this.y: >130){
                  format: '{y} mm'
                }
            }
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});
});

最佳答案

使用formatter option使用包含您的逻辑并返回您想要的格式的回调。请参阅文档链接以获取可在回调中使用的数据。

format 替换为以下 formatter:

formatter: function() {
    return this.y > 130 ? this.y + ' mm' : null;
}

这是一个JSFiddle example .

关于javascript - Highcharts 条件数据标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32429564/

相关文章:

javascript - 如何求最长子串的长度?

javascript - Javascript中如何获取数组元素

javascript - 如何使用 jQuery 从 HTML 获取元素

javascript - 仅当 $scope.$apply() 尚未进行时,如何调用

javascript - 使用字符串数组而不是整数数组创建 xAxys - Highcharts

javascript - 在 Angular 应用程序中加载 Highcharts

javascript - Highcharts 图表不可见

javascript - highcharts 中具有多个 ID 的 linkedTo

javascript - 如何阻止 HighCharts 在图形区域之外绘制额外的 'tick'?

javascript - Flux:WAITING特定事件