隐藏轴刻度值

时间:2014-05-28 10:06:47

标签: d3.js c3.js

有没有办法在c3js(版本0.1.42)中隐藏轴刻度值?在其中一个图表中,我有具有长刻度值的分类轴。我想隐藏它们并仅在鼠标悬停时显示。我已尝试在http://c3js.org/samples/axes_x_tick_culling.html中提到的勾选剔除选项(通过将max设置为0)但它不起作用。

3 个答案:

答案 0 :(得分:4)

你可以试试这个:

在tick format()方法中返回空字符串,如下所示: -

axis : {
    x : {
        type : 'categorized',
        tick: {
            format: function (x) { return ''; }
        }
    }
}

答案 1 :(得分:0)

可能想尝试css

g.tick:hover text {
    fill: #000;
}
g.tick text {
    fill: none;
    pointer-events: all;
}

答案 2 :(得分:0)

使用下一个代码,您可以隐藏所有x轴刻度

   .c3-axis-x .tick line {
      display: none;
    }

示例:jsfiddle