plotly hoverテキストが表示されない

Question

textと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）...そして、あなたはフィドルと "プレイ"しました。

最初に、私はあなたがそこに持っていた不安定な二重引用符をすべて取り除き、param名をラップし、値配列を "data"配列の外に置きました。私はそれが問題の一部であるかどうかはわかりません...私が見つけた例のようにフォーマットしようとしました。

"domain"パラメータで再生したときに、 "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);