javascript – 使用flot,我如何创建一个链接饼图,将您带到其他网页？

2019-05-22 09:34:05 阅读：169 来源： 互联网

在flot中,如何创建饼图,其中每个楔形是指向不同网页的链接？

解决方法:

我试了一下,但我无法做到.我从this example开始,然后补充说：

grid: { clickable: true },

就在“馅饼：{”行的正上方.然后我在最后添加了plotclick函数：

$("#placeholder").bind("plotclick", function (event, pos, item) {
    alert('click!');
    for(var i in item){
        alert('my '+i+' = '+ item[i]);
    }
});

你会看到“点击！”消息,但“item”没有属性.

我以为你只是在数据对象中添加URL,然后将浏览器从plotclick函数中转发到相应的URL.如果你搞清楚了,我有兴趣知道！

更新：这可能有用 – 它只是将标签变成链接.将URL放在您的数据中,如下所示：

$.plot($("#placeholder"), [
    { label: "Serie1",  data: 10, url: "https://stackoverflow.com"},
    { label: "Serie2",  data: 30, url: "http://serverfault.com"},
    { label: "Serie3",  data: 90, url: "http://superuser.com"},
    { label: "Serie4",  data: 70, url: "http://www.google.com"},
    { label: "Serie5",  data: 80, url: "http://www.oprah.com"},
    { label: "Serie6",  data: 110, url: "http://www.realultimatepower.net/"}
],

然后将labelFormatter设置为：

return '<a href="'+serie.url+'">'+serie.label+'</a><br/>'+Math.round(serie.percent)+'%';

然而,点击饼形楔子本身仍然没有什么特别之处.

标签：javascript,flot
来源： https://codeday.me/bug/20190522/1151523.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 使用flot,我如何创建一个链接饼图,将您带到其他网页？