This is a migrated thread and some comments may be shown as answers.

Crosshair partially hidden when using Canvas Rendering

1 Answer 10 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Karl-Heinz
Top achievements
Rank 1
Karl-Heinz asked on 05 Mar 2014, 01:01 PM
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?‚Äč

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 06 Mar 2014, 09:34 AM
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

DevCraft Q1'14 is here! Join the free online conference to see how this release solves your top-5 .NET challenges. Reserve your seat now!

Tags
Charts
Asked by
Karl-Heinz
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or