【问题标题】:Get the value of Y axis minimum and maximum limits in Billboard.js在 Billboard.js 中获取 Y 轴最小和最大限制的值
【发布时间】:2018-03-13 10:58:46
【问题描述】:

在 Billboard.js 中有这段代码 sn-p:

var chart = bb.generate({
  data: {
    columns: [
    ["data1", 30, 200, 100, 400, 150, 250],
    ["data2", 130, 100, 140, 200, 150, 50]
    ],
    type: "spline"
  },
  bindto: "#SplineChart"
});

它会生成这个图表:

可以看出,在这种情况下,Y 轴的最小值为 0,最大值为 400(或某处)。

有没有办法获取该值并将其存储到变量中?

【问题讨论】:

    标签: javascript d3.js charts billboard.js


    【解决方案1】:

    如果我理解正确,您希望获得 Y 轴的 domain。您可以通过以下方式实现:

    chart.internal.y.domain()

    查看下面的演示:

    var chart = bb.generate({
      data: {
        columns: [
        ["data1", 30, 200, 100, 400, 150, 250],
        ["data2", 130, 100, 140, 200, 150, 50]
        ],
        type: "spline"
      },
      bindto: "#SplineChart"
    });
    
    var yDomain = chart.internal.y.domain()
    console.log('y domain==> ', yDomain);
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/billboard.js/dist/billboard.min.css" rel="stylesheet"/>
    <script src="https://cdn.jsdelivr.net/npm/billboard.js/dist/billboard.min.js"></script>
    <div id="SplineChart"></div>

    【讨论】:

      猜你喜欢
      • 2013-12-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-03
      • 2014-03-24
      • 2015-05-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多