在DC js rowChart中固定x轴?

迷宫

使用DC js时,尝试将固定的X轴设置为0-100的rowChart。但是把它画成一条线吗?

.rowChart xAxis问题

我设置了.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

感谢您的协助。

特穆勒

手动设置域对我来说有用(根据dc.js论坛主题

 day_chart.x(d3.scale.linear().range([0,(day_chart.width()-50)]).domain([0,100]));
 day_chart.xAxis().scale(day_chart.x());

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

隐藏dc.js图表X轴

来自分类Dev

dc.js pieChart设置特定的x轴值

来自分类Dev

dc.js rowChart topN不包含零

来自分类Dev

dc.js rowChart 按最大键过滤

来自分类Dev

dc.js barCharts中的.x()问题

来自分类Dev

Problems with .x() in dc.js barCharts

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

如何在dc.js中制作带有X轴日期的序列图

来自分类Dev

如何使用Crossfilter和dc.js创建x轴范围组?

来自分类Dev

如何使用crossfilter和dc.js在rowChart中显示“丢失”的行?

来自分类Dev

如何在dc.js中的rowChart上禁用单击事件

来自分类Dev

如何使用crossfilter和dc.js在rowChart中显示“丢失”的行?

来自分类Dev

在DC.js中删除barChart的X标签

来自分类Dev

如何使用dc.js或d3.js为行图添加轴标签

来自分类Dev

如何使用dc.js或d3.js为行图添加轴标签

来自分类Dev

DC.js X轴小时标签显示为千分之一

来自分类Dev

dc.js:动态多维

来自分类Dev

dc.js按y轴/值对有序折线图进行排序

来自分类Dev

如何使dc.js中的图形在固定尺寸的div中可滚动?

来自分类Dev

dc.js / d3.js-如果条形图的bar值等于零,如何隐藏条形图的x轴类别值?

来自分类Dev

无法使用具有多个X键的dc.js过滤单个堆栈

来自分类Dev

使用dc.js的二维和双x轴箱形图

来自分类Dev

dc.js:在热图中显示所有域x值

来自分类常见问题

dc.js显示过滤的对象数

来自分类Dev

dc.js不尊重xUnits

来自分类Dev

放大dc.js中的文本标签