javascript-单击点时绘制散点图超链接
作者:互联网
是否可以链接散点图的所有/一些点,以便每当您单击它们时,都会打开一个新选项卡,并触发在该点链接的超链接?
我在Django网络服务器实现中使用plotly,这意味着plotly是使用javascript呈现的.
解决方法:
您可以使用click handler来实现.但是鉴于大多数浏览器始终试图阻止弹出窗口,因此可能很难在新标签页中打开.
var trace1 = {
x: [1, 2, 3],
y: [1, 6, 3],
mode: 'markers',
type: 'scatter',
text: ['Plotly', 'StackOverflow', 'Google'],
hoverinfo: 'text',
marker: { size: 12 }
};
var links = ['https://plot.ly/', 'https://stackoverflow.com/', 'https://google.com/'];
var data = [ trace1 ];
var layout = {
title:'Hyperlinked points'
};
var myPlot = document.getElementById('myDiv');
Plotly.newPlot(myPlot, data, layout);
myPlot.on('plotly_click', function(data){
if (data.points.length === 1) {
var link = links[data.points[0].pointNumber];
// Note: window navigation here.
window.location = link;
}
});
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv" style="width: 480px; height: 300px;"></div>
标签:plot,django-templates,plotly,javascript,django 来源: https://codeday.me/bug/20191027/1944080.html