Plotly懸停文字不顯示

Question

儘管我已經指定了文本和hoverinfo，但我沒有獲得任何懸停註釋。

如果我註釋掉「text」屬性，我會得到默認行爲hoverinfo: "x+y"。我也試過hoverinfo: "text"和hoverinfo: "x+text"（這是我真正想要的），但這些不會改變行爲。

https://jsfiddle.net/abalter/0cjprqgy/

var data = 
{ 
    "x":["2014-02-10 00:00:00.0","2014-02-18 00:00:00.0","2014-02-24 00:00:00.0"], 
    "y":[0,0,0], 
    "text":["gemcitabine","gemcitabine + Abraxane","Xeloda"], 
    "hoverinfo": "all", 
    "name":"Treatment", 
    "type":"scatter", 
    "mode":"markers", 
    "marker": 
    { 
    "size":9, 
    "color":"#800000" 
    }, 
    "uid":"c2e171" 
}; 

var layout = 
{ 
    "title":"Treatments", 
    "height":600, 
    "width":655, 
    "autosize":true, 
    "yaxis": 
    { 
    "titlefont": 
    { 
     "size":12, 
     "color":"#800000" 
    }, 
    "domain":[0.85,0.9], 
    "showgrid":false, 
    "showline":false, 
    "showticklabels":false, 
    "zeroline":true, 
    "type":"linear", 
    "range":[0,0], 
    "autorange":true 
    }, 
    "hovermode":"closest", 
    "xaxis": 
    { 
    "type":"date", 
    "range":[1389215256994.8186,1434909143005.1814], 
    "autorange":true 
    } 
}; 

Plotly.plot('graph', [data], layout); 

Answer 1

首先，感謝你邀請我發現這真的很酷的圖形平臺！我查看了文檔以瞭解數據是如何被格式化的（這裏是：https://plot.ly/javascript/hover-events/#coupled-hover-events-on-single-plot）......並且「演奏」了你的小提琴。

首先，我刪除了在那裏的所有非雙引號雙引號，包裝參數名稱並將您的值數組放在「數據」數組之外。我不知道它是否是問題的一部分......我只是試圖將它作爲我發現的例子進行格式化。

當我用「域」參數玩時，「x + y + text」突然出現。
我不知道它的真正定義。
我再說一遍，我對這件事有10分鐘的經驗。 （笑）

入住此更新我做你的小提琴：https://jsfiddle.net/0cjprqgy/6/

var dates = ["2014-02-10 00:00:00.0","2014-02-18 00:00:00.0","2014-02-24 00:00:00.0"], 
    qty = ["0.2","0.5","1"], 
    product = ["gemcitabine","gemcitabine + Abraxane","Xeloda"], 
data = 
{ 
    x:dates, 
    y:qty, 
    text:product, 
    hoverinfo: "x+y+text", 
    name:"Treatment", 
    type:"scatter", 
    mode:"markers", 
    marker: 
    { 
    size:9, 
    color:"#800000" 
    }, 
    uid:"c2e171" 
}; 

var layout = 
{ 
    title:"Treatments", 
    height:600, 
    width:655, 
    autosize:true, 
    yaxis: 
    { 
    titlefont: 
    { 
     size:12, 
     color:"#800000" 
    }, 
    domain:[0.85,1.9], 
    showgrid:false, 
    showline:false, 
    showticklabels:false, 
    zeroline:true, 
    type:"linear", 
    range:[0,0], 
    autorange:true 
    }, 
    hovermode:"closest", 
    xaxis: 
    { 
    type:"date", 
    range:[1389215256994.8186,1434909143005.1814], 
    autorange:true 
    } 
}; 

Plotly.plot('graph', [data], layout);