带有可点击条形的 g.raphael 条形图

发布于 2024-10-17 09:45:42 字数 108 浏览 7 评论 0原文

我想让堆叠条形图的每个部分(在我的例子中是水平的)可单击到特定的超链接(基本上是“向下钻取”)。我认为 g.bar.js 中没有这个功能,但是有人这样做过或者可以为我指出正确的方向吗?在点图上也很有用。

I'd like to make each segment of a stacked bar graph (horizontal in my case) clickable to a specific hyperlink (basically "drill down"). I don't think this functionality is in g.bar.js, but has anyone done this or can point me in the right direction? Would also be useful on dot charts.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

肤浅与狂妄 2024-10-24 09:45:42

好吧,发布问题似乎促使我弄清楚......

使用提供的演示条形图,我向 fin 函数添加了一行:

  fin = function () {
    this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);
    /* add this for linked bars */
    this.attr({href: "http://myurl.com/"+this.bar.x+"/"+this.bar.y+"/"+this.bar.value});
  },

Okay, posting the question seems to have motivated me to figure it out...

Using the demo bar chart provided, I added a line to the fin function:

  fin = function () {
    this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);
    /* add this for linked bars */
    this.attr({href: "http://myurl.com/"+this.bar.x+"/"+this.bar.y+"/"+this.bar.value});
  },
谁把谁当真 2024-10-24 09:45:42

上面建议的 this.attr 对我不起作用,但这确实有效:

fin = function () {
    this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);

    /* add click event to bar */
    this.click(function(){
        location.href = "http://myurl.com";
    });
},

the suggested this.attr above didn't work for me, but this did:

fin = function () {
    this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);

    /* add click event to bar */
    this.click(function(){
        location.href = "http://myurl.com";
    });
},
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文