时间戳

首页 > 解决方案 > 在 billboard.js 中更改轴的粗细

javascript - 在 billboard.js 中更改轴的粗细

问题描述

我试图创建一个条形图。条形很好，但轴的厚度似乎很奇怪（太厚）。它还在轴连接处创建了一个方形间隙。我试图关注这个SO 帖子 

/* does not work */
.bb-axis.bb-axis-y path {
    stroke-width: 3px;
}

改变厚度，但它不起作用。

代码：https ://jsfiddle.net/h5c8df4n/

如何改变轴的粗细？谢谢你。

标签： javascriptd3.jsbillboard.js

解决方案

我已经在 github 上发表了评论，但我会离开那些登陆的人。基本上，您需要加载一个基本 CSS 文件来为图表呈现样式。

或者不用任何css样式，添加stroke和fill属性来设置轴线粗细的样式。

.bb-axis.bb-axis-y path {
    stroke-width: 3px;
    stroke: #000;
    fill: none;
}

或者使用 css 文件检查工作示例。 https://jsfiddle.net/goxbv8Le/2/

推荐阅读