如何在dojox柱形图中显示条形图上方的值(仅适用于高度> 0的条形图)

时间:2016-02-17 15:19:48

标签: charts dojo bar-chart

在这个链接中,我找到了一种显示条形值的方法。 How to show values above bars in a dojox columns chart

遗憾的是,一排零点困扰着图表。我想在条形图上方显示值,只要它们是> 0

从图形上看,这就是道场的作用:

       |
       |                       3   
       |                       _   
       |           1          | |  
y-axis |           _          | |
       |   0   0  | |  0   0  | |
       ----------------------------
       0   1   2   3   4   5   6      
                x-axis

这就是我想要做的事情:

       |
       |                       3   
       |                       _   
       |           1          | |  
y-axis |           _          | |
       |          | |         | |
       ----------------------------
       0   1   2   3   4   5   6      
                x-axis

或者,我可以使用任何其他免费的js lib吗?我不是特别喜欢道场

感谢

1 个答案:

答案 0 :(得分:1)

您必须为此修补道场代码:

  (function() {
     var origCreateLabel =dojox.charting.plot2d.Columns.prototype.createLabel;
     dojox.charting.plot2d.Columns.prototype.createLabel = function(group, value, bbox, theme) {
    if(isNaN(value)){
        origCreateLabel.apply(this,arguments);
    }else if(value > 0){
        origCreateLabel.apply(this,arguments);
    }

    };
  })();

小提琴:https://jsfiddle.net/theinnkeeper/xnyne77a/