图表师:堆叠条形图后的空白空间
Chartist : empty space after stacked bars
我用的是Chartist(花了很多时间去找一个好的图形库)。
试图得到一个堆叠的水平条形图,我最终与一个"bug"作斗争。
事实上:我有2个系列要显示(Data1和Data2)。图中显示的条形图均为实数(左侧为Data1 2000,右侧为Data2 1753.25)
"Total"前面的数字是一个未使用的虚拟数据,不要在意。
问题是:栏(SVG)集成的div是父元素的100%,并且图形不占用所有空间(在它之后有一个未使用的空间)。
var options = {
axisX: {
offset: 0,
showLabel: false,
showGrid: false
},
axisY: {
offset: 0,
showLabel: false,
showGrid: false,
scaleMinSpace: 10
},
width: '100%',
height: "20px",
chartPadding: {
top: 0,
right: 0,
bottom: 0,
left: 0
},
stackBars: true,
horizontalBars: true
};
所以,我不明白为什么有这个空格。
这里有谁能帮忙的吗?图酒吧事实上,它的选项"scaleMinSpace"在axisX必须设置为1(1像素)。这样,无论显示的数量如何,该栏都会占用所有可用的空间。
相关文章:
- IE 9压缩XML DOM中的空白空间
- 同位素网格布局使用空白空间
- 动态隐藏列表中的元素,而隐藏的元素不会占用页面上的空白空间
- 如何设置iframe以自动填充HTML中的空白正文空间
- 提交回复后 Ajax 它显示一个空白的数据空间
- 电子邮件的正则表达式允许空白空间、有效电子邮件地址和多个电子邮件地址
- HTML中的哪些空白空间被视为空白节点
- 不允许使用Javascript验证的空白空间
- 使用jquery或javascript显示null cookie值为空白空间
- 在网格上寻找空白空间的算法
- 图表师:堆叠条形图后的空白空间
- Android WebView在底部添加了奇怪的空白空间
- Regexp去除等式中的空白空间
- Bootstrap砌体留下空白空间
- 如何检测文本框字段的空白空间
- html中的UL LI标签创建空白空间
- 为布局中的元素添加内边距'在顶部添加空白空间
- 设置自动高度,取决于文本区域中有多少列,但显然它增加了空白空间
- 当点击图像周围的空白空间时,Javascript幻灯片显示故障
- 需要找到更有效的解决方案,将空白空间写入页面