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();