gpt4 book ai didi

legend - 是否可以为气泡图制作图例?

转载 作者:行者123 更新时间:2023-12-02 09:39:07 27 4
gpt4 key购买 nike

目前,互联网上还没有使用 dc.js 和 dc.legend() 函数实现具有图例的气泡图的示例。

that.sessions_scatterplot
.width(830)
.height(350)
.transitionDuration(1000)
.margins({top: 100, right: 10, bottom: 30, left: 25})
.dimension(that.dim_Source)
.group(that.fact_Source_Sessions)
.ordinalColors(["#70c5a4","#8cd4f2","#fdc976","#9d97c8"])
.colorAccessor(function(d){
return d.value.src_category;
})
.keyAccessor(function (d) {
var x = d.value.avg_time/d.value.count;
return x;
})
.valueAccessor(function (d) {
var y = d.value.hundred_bounce_rate/d.value.count;
return y;
})
.radiusValueAccessor(function (d) {
var r = Math.round(d.value.sessions/d.value.count);
return r;
})
.title(function(p){
return [p.key,
"Average Time On Page: " + (p.value.avg_time/p.value.count).toFixed(2),
"100 - Bounce Rate: " + (p.value.hundred_bounce_rate/p.value.count).toFixed(2),
"Sessions / Page Views: " + (p.value.sessions/p.value.count).toFixed(2)]
.join("\n");
})
.renderTitle(true)
.maxBubbleRelativeSize(0.03)
.x(d3.scale.linear().domain(that.avg_time_extent).range([0,that.width]))
.y(d3.scale.linear().domain(that.hundred_bounce_rate_extent).range([0,that.height]))
.r(d3.scale.linear().domain(that.sessions_pg_views_extent))
.minRadiusWithLabel(30)
.yAxisPadding(0.5)
.xAxisPadding(500)
.xAxisLabel('Average Time On Page')
.yAxisLabel('100 - Bounce Rate')
.legend(dc.legend().x(200).y(30).gap(5).horizontal(true).itemWidth(100).legendWidth(200));

必须有办法在气泡图中使用图例。
假设:
1) 使用了上边距。
2) 使用 colorAccessor() 函数通过组为气泡着色。
3)“g”元素被附加到“svg”,“dc-legend”类被分配给“g”元素。但图例没有子元素。

最佳答案

它在 github 上被讨论过:https://github.com/dc-js/dc.js/issues/485 .

但是,据我所知,如果您想在这种情况下获得传奇,我相信您必须破解它。

关于legend - 是否可以为气泡图制作图例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26040335/

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