首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为tickValues轴自动生成d3

如何为tickValues轴自动生成d3
EN

Stack Overflow用户
提问于 2017-04-27 12:59:07
回答 1查看 1.1K关注 0票数 1

我有一个自动生成滴答的轴:

代码语言:javascript
运行
复制
var yAxisRight = d3.axisRight(yScale)
var yAxisRightG = g.append("g")
    .call(yAxisRight);

// What to call here
var yAxisRightTickValues = ???

我天真地认为调用类似于yAxisRight.tickValues()的东西会给出值,但是当它们自动生成时,它会返回null

如何获得由d3 (版本4)自动生成的tickValues?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-27 13:25:49

如果您有一个连续的刻度,您可以使用scale.ticks()使蜱传递到轴生成器。

在这个演示中,console.log显示了每个轴的刻度:

代码语言:javascript
运行
复制
var scale = d3.scaleLinear()
  .range([20, 280]);

[100, 50, 210, 350].forEach(function(d, i) {
  scale.domain([0, d]);
  d3.axisBottom(scale)(d3.select("svg").append("g").attr("transform", "translate(0,"
  + (10 + 25 * i) + ")"));
  console.log("the scale " + i + " has these ticks: " + scale.ticks())
})
代码语言:javascript
运行
复制
<script src="https://d3js.org/d3.v4.min.js"></script>
<svg></svg>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43658591

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档