javascript - 删除条形图上的 X 轴

标签 javascript html css bar-chart dc.js

This Is what it looks like when I inspect the element How The Graph looks Right Now 所以我试图制作一个只有标签而没有 X 轴物理线的条形图。我已经设法通过使左边距为 -1 来移除 y 轴,但我想保留为 X 轴生成的标签。

我已经设法通过检查我的网页并找到 x 轴对象并将其从 <path class="domain" d="M1,6V0H391.5V6" style="domain.height: 0;"></path> 更改来做到这一点至 <path class="domain" d="M,6V0H391.5V6" style="domain.height: 0;"></path> ,这会删除该行。

我如何使用 CSS、HTML 或 JS 来做到这一点?

最佳答案

如果允许 jquery,并且只有 <path>元素有类 domain :

$(document).ready(function () {
    $('.domain').css("display","none");
});

如果其他元素是domain的一部分类,你可以挑出<path> domain 中的元素通过这样做:

$(document).ready(function () {
    $('path.domain').css("display","none");
});

这有效地禁用了 y 轴和 x 轴的显示,因此无需将左边距设置为负数。

关于javascript - 删除条形图上的 X 轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38774537/

相关文章:

javascript - 谷歌图书 API

javascript - 如何根据条件设置 Mongoose 模式的默认属性值

javascript - 工具提示中的 c3.js 时间格式

php - 如何使用foreach从数据库表中获取数据——

javascript - 根据工作日通过 jquery 加载 .txt 文件

javascript - 如何通过点击img来增加box-shadow?

CSS背景位置右上角添加边距?

javascript - 将图像用于 webkit 滚动条 - webkit-scrollbar-track-piece 的最小高度?

javascript - 在处理 Laravel API 时如何设计路由而不是返回 Laravel View ?

jquery - 专注对我不起作用