如何避免C3JS中的重复标签

时间:2014-12-04 06:26:02

标签: javascript c3.js

我在C3JS中有一个图表,我试图避免重复标签。当我有大量数据时,它不会复制标签,但会有一小部分数据。 我如何拥有它,以便在这种情况下只显示19-23%的数字。enter image description here

1 个答案:

答案 0 :(得分:1)

解决方案1: - 使用axis.tick.limit配置设置为较小的值,如4或5,以便显示较少数量的刻度值。

解决方案2: - 将axis.tick.format配置设置为一个函数,该函数返回百分比有理数,如20.0%,20.5%,21.0%,21.5%等。

第二种解决方案更好。

从附加的y轴标签看起来你已经覆盖了格式函数,只要确保它返回带小数的百分比。

axis: {
    y2: {
        tick: {
            count:3,  // Limit number of axis ticks (solution 1)
            format: function(d){//logic to return formatted percentages with decimal digit}
        }
    }
}
相关问题