For line chart can we plot lines from origin

With the string values you can set the "min" property to "0.5", which will push the start point to the YAxis:

• https://stackblitz.com/edit/react-v3cbaj-cv1bqb?file=app%2Fmain.tsx

    <ChartCategoryAxis>
      <ChartCategoryAxisItem
        categories={categoriesVal}
        min={0.5}
        labels={{
          font: '9px Honeywell Sans Web',
        }}
      />

Hi Ashwini,

Although that there is no built-in way for changing the position of the tooltip in the requested way, you can use a custom solution with PopupPropsContext and a wrapping element around the Chart (although that this could be replaced with the Chart element). Using the popup context you can handle the onOpen and onPosition events to manually set the "top" position of the tooltip based on the position of the wrapping element within the page. I have created a simple example demonstrating such implementation:

• https://stackblitz.com/edit/react-utwwad?file=app%2Fmain.jsx,index.html

Hope this helps.

Hi, 

I am trying with above suggestion this is not working with my code base, below error shown and also for document.querySelector also it throws error. Any other way to make it work

You can explicitly cast the element to HTMLDivElement:

    let toolTip = document.querySelector('.custom-tooltip') as HTMLDivElement;    
    toolTip.style.top = offset + 'px';

As for why the code crashes in your example, it will be difficult to guess what could be causing it. I would suggest checking for any errors or ensuring that you have added the class name and the wrapping element in the same way as in the example. 

If the issue persists, please try to reproduce the issue in an example, so we can debug it locally.

The getBoundingClientRect returns the relevant position within the viewport, so changing the position of the popup element to fixed, should handle the scenario with the scrollbars:

            <style>
                .custom-tooltip{
                    position: fixed!important;
                }