0
我更改CanvasJS圖形的工具提示內容。它在文檔中完成,並且工作。但是最近(不確定何時),我發現無論我在圖形選項中寫入ToolTip.content的內容是什麼,它僅在第一次將鼠標移動到圖上時顯示,下次工具提示完全替換爲默認值時。這裏是我的圖形代碼:Canvasjs顯示內容的工具提示會在第一次鼠標移動後顯示,但會被替換
var options_seg = {
title: {
text: ""
},
culture: "en",
zoomEnabled: true,
exportEnabled: true,
animationEnabled: false,
axisX: {
labelFontSize: 11,
gridColor: "Silver",
tickColor: "silver"
},
axisY: {
title: "Formula values",
titleFontSize: 14,
labelFontSize: 11,
gridColor: "Silver",
tickColor: "silver",
lineColor: "#C24642"
},
toolTip: {
shared: true,
content: function (e)
{
var ret = "";
if (e.entries[ 0 ].dataPoint.label)
ret = "<b>" + e.entries[ 0 ].dataPoint.label + "</b><br>";
else
{
if (e.entries[ 0 ].dataPoint.x)
{
if (e.entries[ 0 ].dataSeries.xValueType == "dateTime")
ret = "<b>" + $.format.date(e.entries[ 0 ].dataPoint.x, "yyyy-MM-dd HH:mm") + "</b><br>";
else
ret = "<b>" + e.entries[ 0 ].dataPoint.x + "</b><br>";
}
}
var show_vals = [];
for (var t = 0; t < e.entries.length; t++)
if (e.entries[ t ].dataSeries.visible)
show_vals[ show_vals.length ] = {col: e.entries[ t ].dataSeries.color, key: e.entries[ t ].dataSeries.name, v: e.entries[ t ].dataPoint.y};
customSortObjByIntParameter(show_vals, "v", false);
var max = Math.min(50, show_vals.length);
for (t = 0; t < max; t++)
ret += "<div style='white-space:nowrap; font-size:11px; line-height:13px;'><span style='color:" + show_vals[ t ].col + "'>" +
show_vals[ t ].key + "</span> : <b>" + show_vals[ t ].v + "</b></div>";
return ret;
}
},
data: graphs_seg,
legend: {
fontSize: 11,
verticalAlign: "center",
horizontalAlign: "right",
cursor: "pointer",
itemclick: function (e)
{
if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible)
{
e.dataSeries.visible = false;
}
else
{
e.dataSeries.visible = true;
}
e.chart.render();
}
}
};
$chart_holder_seg.CanvasJSChart(options_seg);
$chart_holder_seg.CanvasJSChart().render();