D3.js 隐藏轴刻度值

D3.js 隐藏轴刻度值,d3.js,c3.js,D3.js,C3.js,是否有办法在c3js(版本0.1.42)中隐藏轴刻度值?在其中一个图中,我有一个带有长刻度值的分类轴。我想把它们藏起来,只在鼠标上方显示。我尝试了在中提到的勾选选项(通过将max设置为0),但它不起作用 可能想试试css g.tick:hover text { fill: #000; } g.tick text { fill: none; pointer-events: all; } 您可以尝试以下方法: 在tick format()方法中返回空字符串,如下所示:- a

是否有办法在c3js(版本0.1.42)中隐藏轴刻度值?在其中一个图中,我有一个带有长刻度值的分类轴。我想把它们藏起来,只在鼠标上方显示。我尝试了在中提到的勾选选项(通过将max设置为0),但它不起作用

可能想试试css

g.tick:hover text {
    fill: #000;
}
g.tick text {
    fill: none;
    pointer-events: all;
}
您可以尝试以下方法:

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

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

使用下一个代码,可以隐藏所有x轴标记

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