Declined
Last Updated: 07 Aug 2019 06:26 by ADMIN
yao
Created on: 15 Jul 2019 14:05
Type: Feature Request
1
When CSS "rotate(90deg) translate(...)" is applied to KendoReact Chart, the coordinates of tooltip are incorrect.

In order to display  KendoReact Chart on mobile phones on a horizontal screen, CSS "rotate(90deg) translate(...)"   is applied to KendoReact Chart,

but the coordinates of tooltip are incorrect.

     let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
     let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 

     let x = (h-w)/2;
     let ts = "rotate(90deg) translate("+x+"px,"+x+"px)";
     const maxstyle={
        transform:ts,
        width:h,
        height:w,
        top:0,
        left:0,
        paddingLeft:5,
        paddingRight:5,
        paddingTop:5,
        transformOrigin:"center center",
        background:'#f5f5f9',
        overflow:"hidden",
        position:"fixed",
        zIndex:10000
    };

1 comment
ADMIN
Stefan
Posted on: 16 Jul 2019 13:07
Hello,

The Chart will automatically re-render and adjust to the horizontal mode of the mobile devices.

Could you please provide more details on the scenario, so we can provide more to the point suggestion?

Changing the CSS of the Chart is not recommended as it is rendered as SVG, and this can lead to other issues as well.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items