当前位置: 首页 > 知识库问答 >
问题:

堆叠棒xy坐标

范华清
2023-03-14

我需要一些帮助,以获得一个堆叠条形图的X和Y坐标,每个直方图在堆叠条形图。

function movein() {
    var allRect = d3.selectAll("rect")
                    // .transition()
                    // .duration(300)
                    .attr("opacity", 0)
                    .attr("display", "none")

    d3.select(this)
      .attr("opacity", 1)
      .attr("display", "block")


      d3.select('.g')
      .append("rect")
      .attr("y", function(d) { return y(d.y1); })
      .attr("x", 100)
      .attr("height", 50)
      .attr("width", 0)
      .attr("z-index", 1000)
      .attr("class", "rect-sec")

      d3.select('.rect-sec')
        .transition()
        .duration(300)
        .attr("width", 200)
  };

有人请帮助获得X和Y坐标的每个矩形的堆叠酒吧悬停。

这是我引用的堆叠条形图的链接。

共有1个答案

齐意致
2023-03-14

您可以在处理程序中选择this来访问当前元素,即您可以这样做

var x = d3.select(this).attr("x");

才能访问x坐标。

 类似资料:
  • 柱形图和面积图可以设置成堆叠的形式,堆叠后同一个分类下的数据不再是水平依次排列而是依次从上到下堆叠在一起。 堆叠有两种形式,普通的堆叠和按百分比堆叠;普通堆叠是按照数值大小依次堆叠,百分比堆叠是按照数值所占百分比进行堆叠。 下面是堆叠图和百分比堆叠图例子: 图 5-1 堆叠图 图 5-2 百分比堆叠图 通过指定柱形图或面积图的 stacking 属性即可是图形堆叠,示例代码如下: plotOpit

  • 在这篇 Matplotlib 数据可视化教程中,我们要介绍如何创建堆叠图。 堆叠图用于显示『部分对整体』随时间的关系。 堆叠图基本上类似于饼图,只是随时间而变化。 让我们考虑一个情况,我们一天有 24 小时,我们想看看我们如何花费时间。 我们将我们的活动分为:睡觉,吃饭,工作和玩耍。 我们假设我们要在 5 天的时间内跟踪它,因此我们的初始数据将如下所示: import matplotlib.pyp

  • 堆叠布局需要一个二维的数据数组,并计算基准线;这个基准线会被传到上层,以便生成一个堆叠图。支持多个基线算法,以及启发式的排序算来可以提高感知灵敏度,就像拜伦(Byron)和瓦腾伯格(Wattenberg)在“Stacked Graphs—Geometry & Aesthetics”(http://www.leebyron.com/else/streamgraph/download.php?file

  • 指定在堆叠顺序中的哪个位置添加新对象 Illustrator 从第一个对象开始顺序堆积所绘制的对象。对象的堆叠方式将决定其重叠时如何显示。可以随时使用 “图层 ”面板或 “对象 ”>“排列 ”命令更改图稿中对象的堆叠顺序(也被称为绘画顺序)。 ❖在 “图层 ”面板中执行下列任一操作: 要在哪个对象上添加新对象,请单击此对象名称。 若要在图层或组的顶部添加新对象,请单击图层或组名称。 在 Windo

  • 我有一个应用程序通过微米-jmx将泛米修斯的运输指标运送到普罗米修斯,我无法将应用程序更改为使用千分尺普罗米修斯。因此,所有参数化指标都不是普罗米修斯标签,而是直接编码到指标名称中。 i、 e.不是度量的形式为。 现在,假设我想在grafana中创建一个按类型分组(堆叠/重叠)的请求计数图。有没有任何方法可以在没有标签和这种格式的度量的情况下实现这一点?我已经设法构造了grafana变量,从度量名

  • 本文向大家介绍jquery用offset()方法获得元素的xy坐标,包括了jquery用offset()方法获得元素的xy坐标的使用技巧和注意事项,需要的朋友参考一下 获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)