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

Area chart loses tooltip on zoom

1 Answer 119 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Carlos
Top achievements
Rank 1
Carlos asked on 23 Feb 2017, 05:47 PM

Hello,

I have a chart with two area series.

When zooming, the second line tooltip stops working. Only the tootltip of the first line works normally.

 

jQuery("#chart").kendoChart({
                chartArea: {
                    height: 300
                },
                renderAs: "canvas",
                dataSource: {
                    data: assuredEnergyGrossGraph
                },
                series: [
                    {
                        type: "area",
                        aggregate: false,
                        field: "assuredValue",
                        color: "#adcd7a",
                        name: "Garantia FĂ­sica",
                        line: {
                            color: '#40b800',
                            width: 2
                        }
                    },
                    {
                        type: "area",
                        aggregate: false,
                        field: "capacityValue",
                        color: "#ffcaa8",
                        name: "PotĂȘncia",
                        line: {
                            color: '#f55e00',
                            width: 2
                        }
                    }
                ],
                valueAxis: {
                    title: {
                        text: $scope.EnergyUnit
                    }
                },
                categoryAxis: {
                    field: "assuredDateTime",
                    baseUnit: "months",
                    baseUnitStep: 'auto',
                    maxDateGroups: 24,
                    type: "date",
                    labels: {
                        rotation: "auto",
                        format: 'MM/yyyy'
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= moment(category).format('MM/YYYY') # <br /> #= value # MWM"
                },
                legend: {
                    position: "bottom"
                },
                pannable: {
                    lock: "y"
                },
                zoomable: {
                    mousewheel: {
                        lock: "y"
                    },
                    selection: {
                        lock: "y"
                    }
                }
            });

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 27 Feb 2017, 01:51 PM
Hi Carlos,

I have tested the scenario that you are describing in the following dojo example, but I was not able to observe any issues with the zooming:
Can you please modify the above example or provide another one that replicates the issue, so we can test it locally?

Looking forward to your reply.


Regards,
Konstantin Dikov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Carlos
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or