Highcharts - 在条形图中添加缺少数据的问号

时间:2014-03-24 14:06:36

标签: highcharts

我想在Highcharts条形图中添加一个问号,其中数据集中的数据为空,因为零值的显示方式与数据为空时的方式相同。这可能吗?

编辑我的意思是柱形图

1 个答案:

答案 0 :(得分:2)

我找到了解决方案。您需要将该点设置为零,以便格式化程序知道绘制图像的位置:

var series = [8, 7, 8, null, 9]


$(function () {

    $('#container').highcharts({
        title: {
            text: 'Example null values'
        },
        series: [{
            name: "values",
            data: series,
            type: "column",
            zIndex: 0,
            color: "#55F26A"
        }],
        plotOptions: {
            column: {
                dataLabels: {
                    enabled: true,
                    useHTML: true,
                    formatter: function() {
                        if(this.y == null) {
                            this.point.update(0);
                            return "<img src='http://placehold.it/20'/>";

                        }
                        else return null;
                    }
                }
            }
        },
    });
});

http://jsfiddle.net/X8Scf/4/

尝试