Crosshair partially hidden when using Canvas Rendering

[Karl-Heinz]

Hello,

I would like to use canvas rendering for a line chart. Additionally, the chart is supposed to show a crosshair.

The following code shows a sample script:

<div id="chart"></div>
<script type="text/javascript">
    $("#chart").kendoChart({
        renderAs: "canvas",
        categoryAxis: {
            categories: ["2012", "2013", "2014"],
            crosshair: {
                color: "#FF0000",
                width: 2,
                visible: true,
                    tooltip: {
                        background: "#F5F5DC",
                        border: {
                            color: "#000000",
                            width: 1
                        },
                        visible: true
                }
            }
        },
        series: [{
            type: "line",
            data: [1, 2, 3]
        }]
    });
</script>

Unfortunately, the observer only sees the tooltip. Is it possible to avoid this problem?​

[Iliana Dyankova]

Hello Karl-Heinz,

The observed behaviour is expected - by design when canvas rendering is used most interactive features are disabled (documentation link). Unfortunately there is no a workaround I can suggest in order to show the crosshair in this mode. Please accept my apologies for any inconvenience this may cause.

Regards,
Iliana Nikolova
Telerik