【问题标题】:Highcharts conditional data labelHighcharts 条件数据标签
【发布时间】:2015-09-07 00:15:56
【问题描述】:

我想用条件格式标记系列数据,但它不适合我。请帮我解决问题。我已经粘贴了我想根据阈值标记的基本数据系列的代码,但我无法做到这一点。如果我评论 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]
    }]
});
});

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    使用formatter option 使用包含您的逻辑并返回所需格式的回调。有关可在回调中使用的数据,请参阅文档链接。

    用这个formatter替换format

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

    这是JSFiddle example

    【讨论】:

    • 还有一个问题:如果我想进行额外的格式化,例如工具提示或粗体等,那么我必须为每种样式添加多个带有格式化功能的 if 条件?有什么方法可以使用一个格式化程序函数一次性返回多个样式选项。
    • 你找到如何应用条件格式的解决方案了吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多