D3.remove() 在 c3 轴上无法正常工作(我不想隐藏它)
D3.remove() is not working properly with c3-axis (I don't want to hide it)
我必须删除轴的元素,因为我不想留空 space。我必须将图表放入面板中。
我正在尝试类似的东西:
d3.select("g.c3-axis .c3-axis-y").remove();
d3.select("g.c3-axis-x").remove();
我在我的控制台中打印了以下选择,它没问题,但删除不起作用:
d3.select("svg").select(".c3-axis-x").selectAll("*").remove();
没有结果!怎么了?我觉得我启动这个功能的时候图表没有完全生成,但是我找不到好的解决方案来实现我想要的样式。
我以不同的方式获得了结果,我修复了图表中轴的填充。
axis:
{
x:
{
type: 'timeseries',
tick:
{
format : "%d-%m-%y"
},
show: false,
padding :
{
bottom : 0,
left: 0,
right: 0
}
},
y:
{
min: 0,
padding :
{
bottom : 0,
left: 0,
right: 0
},
tick:
{
values: [[0], [maxs]],
format: function (d) { return d3.format(',f')(d) +' kWh/h' }
},
show: false
}
},
我必须删除轴的元素,因为我不想留空 space。我必须将图表放入面板中。
我正在尝试类似的东西:
d3.select("g.c3-axis .c3-axis-y").remove();
d3.select("g.c3-axis-x").remove();
我在我的控制台中打印了以下选择,它没问题,但删除不起作用:
d3.select("svg").select(".c3-axis-x").selectAll("*").remove();
没有结果!怎么了?我觉得我启动这个功能的时候图表没有完全生成,但是我找不到好的解决方案来实现我想要的样式。
我以不同的方式获得了结果,我修复了图表中轴的填充。
axis:
{
x:
{
type: 'timeseries',
tick:
{
format : "%d-%m-%y"
},
show: false,
padding :
{
bottom : 0,
left: 0,
right: 0
}
},
y:
{
min: 0,
padding :
{
bottom : 0,
left: 0,
right: 0
},
tick:
{
values: [[0], [maxs]],
format: function (d) { return d3.format(',f')(d) +' kWh/h' }
},
show: false
}
},