Canvasjs Tooltip с набором содержимого отображается, но заменяется после первого перемещения мыши

Я изменяю содержимое всплывающей подсказки графика CanvasJS. Это сделано как в документах, и это сработало. Но недавно (не уверен, когда именно) я обнаружил, что независимо от того, что я пишу в ToolTip.content в опциях графика, он показывает только при первом наведении мыши на график, в следующий раз подсказка полностью заменяется на подсказку по умолчанию. Вот мой код графика:

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

1 ответ

Начал работать, когда я заменил

       toolTip: {
            shared: true,
            content: function (e) ...

в

       toolTip: {
            shared: true,
            contentFormatter: function (e) ...

Понятия не имею, почему работал раньше.

Другие вопросы по тегам