gpt4 book ai didi

javascript - yAxis().tickFomat 不适用于 dcjs 上的复合图表吗?

转载 作者:行者123 更新时间:2023-12-03 10:32:07 24 4
gpt4 key购买 nike

如果我使用 yAxis() 刻度或刻度格式,我有这段代码会引发错误。

      revSpendCompositeChart
.width(400).height(180)
.elasticX(true)
.transitionDuration(1000)
.dimension(dateDim)
.elasticY(true)
.zoomOutRestrict(true)
.x(d3.time.scale().domain([minDate,maxDate]))
.renderHorizontalGridLines(true)
.compose([
dc.lineChart(revSpendCompositeChart)
.dimension(dateDim)
.colors('orange')
.group(spendDateGroup, "Spend"),
dc.lineChart(revSpendCompositeChart)
.dimension(dateDim)
.colors('green')
.group(revenueDateGroup, "Revenue")
])
.brushOn(false);

然而,这会引发未定义函数的错误。

       revSpendCompositeChart
.width(400).height(180)
.elasticX(true)
.transitionDuration(1000)
.dimension(dateDim)
.elasticY(true)
.zoomOutRestrict(true)
.x(d3.time.scale().domain([minDate,maxDate]))
.yAxis().tickFormat(function (v) {
return v + '%';
})
.renderHorizontalGridLines(true)
.compose([
dc.lineChart(revSpendCompositeChart)
.dimension(dateDim)
.colors('orange')
.group(spendDateGroup, "Spend"),
dc.lineChart(revSpendCompositeChart)
.dimension(dateDim)
.colors('green')
.group(revenueDateGroup, "Revenue")
])
.brushOn(false);

文档没有透露任何有关此的内容。但我发现折线图支持 yAxis() 函数。因此,由于我的复合图表是两个折线图,我需要使其工作。

最佳答案

Although most dc.js methods chain, some do not chain to the same object. xAxis returns a d3 axis object which is not the chart. If you access the axis objects of a chart, do it last or do it in a separate line:

var chart = dc.barChart(...).this(...).that(...);
var xAxis = chart.xAxis().tickFormat(...).ticks(...);
var yAxis = chart.yAxis().tickFormat(...).ticks(...);

https://github.com/dc-js/dc.js/wiki/FAQ#why-does-everything-break-after-a-call-to-xaxis-or-yaxis

关于javascript - yAxis().tickFomat 不适用于 dcjs 上的复合图表吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29160183/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com