Özel vurgulu metni, tekil/çoğul (plotly.js)

Question

Dağılım grafiği çiziyorum.

X eksenim tarihleri ​​temsil eder ve Y ekseni verilen yanıtların sayısını gösterir.

fare gezinip, ben de göstermek istiyorum:

• 1 Tepkisi VEYA
• N yanıtları

Ben özel gezinip ile ilgili bir şey olduğunu varsayalım, ama yapamıyor İz veya Y ekseninin hoverinfo özelliği ile nasıl yapılacağını göremiyorum.

Answer 1

Izlemede text özniteliğini kullanmanız gerekir.

https://jsfiddle.net/abalter/n54k9zzj/

var data = 
[ 
    {x: "2015-05-01", y: 5}, 
    {x: "2015-05-02", y: 10}, 
    {x: "2015-05-03", y: 0}, 
    {x: "2015-05-04", y: 1} 
]; 

var x = []; 
var y = []; 
var text = []; 
data.forEach(function(item, index) 
{ 
    x.push(item.x); 
    y.push(item.y); 
    if (item.y == 0) 
    { 
    text.push("No responses"); 
    } 
    else if (item.y == 1) 
    { 
    text.push("1 reponse"); 
    } 
    else 
    { 
    text.push(item.y + " responses"); 
    } 
}); 

var trace = 
{ 
    x: x, 
    y: y, 
    text: text, 
    hoverinfo: "text", 
    mode: "markers", 
    name: "Responses" 
} 

var yaxis = 
{ 
    title: "Responses" 
} 

var xaxis = 
{ 
    type: "date" 
} 

var layout = 
{ 
    xaxis: xaxis, 
    yaxis: yaxis 
} 

Plotly.plot 
(
    "graph", 
    [trace], 
    layout 
);