使用DC js时,尝试将固定的X轴设置为0-100的rowChart。但是把它画成一条线吗?
我设置了.elasticX(false),就像上面一样。设置为true会使它看起来正确,但是X轴显然具有弹性。
从1.7.0版本更改为2.1.0-dev版本后,结果相同。
以下JS看起来像:
day_chart.width(180)
.height(180)
.margins({ top: 0, left: 10, right: 10, bottom: 20 })
.dimension(dayOfWeek)
.group(dayOfWeekGroup)
.valueAccessor(function (d) {
return d.value.Percent;
})
// assign colors to each value in the x scale domain
.ordinalColors(['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#dadaeb'])
.label(function (d) {
return d.key.split('.')[1];
})
// title sets the row text
.title(function (d) {
return TooltipOcc(d.key.split('.')[1], d.value.Percent);
})
.elasticX(false)
.x(d3.scale.linear().domain([0, 100]))
.xAxis().ticks(4)
;
html是具有ID的基本div。图表是dc.css,col-md-5是bootstrap.css
<div id="day-chart" class="chart col-md-5">
<div class="title">Day of Week</div>
</div>
Chrome检查器显示根空间至少为180,但是内部发生了什么丢失?
希望这只是我用JS犯的一些错误。尝试过将放置.x(
在不同位置,移除的操作.xAxis
。
感谢您的协助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句