在Plotly.js中禁用悬停

试图在Plotly中创建风玫瑰;实际图表显示正常，但我不希望任何一个悬停工具提示。 hoverinfo:none似乎不起作用;我究竟做错了什么？在Plotly.js中禁用悬停

var json = 
{"RequestID":null,"AppCode":"0","AppMessage":"OK","Meta":null,"Data":{"Series":[{"r":[23.658536585365852,19.878048780487806,7.8048780487804876,5.8536585365853666,13.292682926829269,6.463414634146341,4.024390243902439,19.024390243902438],"t":["0","45","90","135","180","225","270","315"],"name":"\u003e 25","marker":{"color":"#FF0000"},"type":"area","hoverinfo":"none"},{"r":[23.658536585365852,19.878048780487806,7.8048780487804876,5.8536585365853666,13.292682926829269,6.463414634146341,4.024390243902439,19.024390243902438],"t":["0","45","90","135","180","225","270","315"],"name":"10 - 25","marker":{"color":"#ED850C"},"type":"area","hoverinfo":"none"},{"r":[21.707317073170728,18.414634146341463,7.0731707317073171,5.7317073170731714,12.804878048780488,5.975609756097561,3.7804878048780486,17.926829268292682],"t":["0","45","90","135","180","225","270","315"],"name":"5 - 10","marker":{"color":"#3F3F3F"},"type":"area","hoverinfo":"none"},{"r":[19.756097560975608,17.4390243902439,6.4634146341463419,5.1219512195121961,11.585365853658537,5.1219512195121952,3.4146341463414633,15.487804878048781],"t":["0","45","90","135","180","225","270","315"],"name":"2 - 5","marker":{"color":"#2A4354"},"type":"area","hoverinfo":"none"},{"r":[17.073170731707314,13.780487804878048,5.3658536585365857,4.6341463414634152,10,3.9024390243902443,3.0487804878048781,12.073170731707318],"t":["0","45","90","135","180","225","270","315"],"name":"1 - 2","marker":{"color":"#5486A9"},"type":"area","hoverinfo":"none"},{"r":[11.829268292682926,9.2682926829268286,3.2926829268292686,2.8048780487804881,7.4390243902439019,3.1707317073170733,2.1951219512195119,8.536585365853659],"t":["0","45","90","135","180","225","270","315"],"name":"\u003c 1","marker":{"color":"#68A7D3"},"type":"area","hoverinfo":"none"}]}}; 

var data = json.Data.Series; 

var layout = { 
    title: 'Wind Speed Distribution in Laurel, NE', 
    font: {size: 11}, 
    legend: {font: {size: 16}}, 
    radialaxis: {ticksuffix: '%'}, 
    orientation: 270, 
    hovermode: 'none', 
    yaxis: { 
    } 
}; 

Plotly.newPlot('myDiv', data, layout);

工作例如：https://jsfiddle.net/whelkaholism/yyfoyd9h/4/

来源

2016-02-29 Whelkaholism

您提供的代码似乎是你在的jsfiddle提供的到底是什么，它是不显示的悬停提示。所以我不能看到你的问题在这里？ – IIIIIIIIIIIIIIIIIIIIII

嗯，它给我看。一个彩色的呼叫与r和t值和一个小的白色工具提示显示的百分比值。实际上，我现在通过CSS来设计SVG类来解决这个问题，所以当我得到秒时，我会添加自己的答案。 – Whelkaholism

也为我显示它们。尝试在[plotly forum]（http://community.plot.ly/）上发帖。他们非常敏感。 – abalter

您必须添加hovermode: !1禁用悬停。

尝试：

var layout = { 
    title: 'Wind Speed Distribution in Laurel, NE', 
    font: {size: 11}, 
    legend: {font: {size: 16}}, 
    radialaxis: {ticksuffix: '%'}, 
    orientation: 270, 
    hovermode: false, 
    yaxis: { 
    } 
};

为hovermode接受的值为"x"，"y"，"closest"，false

来源

2016-11-23 09:52:58 laaposto

你介意我是否将'！1'编辑为'false'？海事组织会更容易理解 –

在Plotly.js中禁用悬停

回答

相关问题