Name W Diu Are you an IBM employee? <ul cl

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

Hi, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

[Bug]: Tooltips in charts gets cut off ("left" CSS property is a negative integer) about carbon-charts HOT 4 OPEN

wdiu commented on May 24, 2024

[Bug]: Tooltips in charts gets cut off ("left" CSS property is a negative integer)

from carbon-charts.

Comments (4)

theiliad commented on May 24, 2024

Hi @wdiu, I'm not able to reproduce this on my end. Could you pls provide a stackblitz for it?

from carbon-charts.

wdiu commented on May 24, 2024

Hi, @theiliad , thanks for looking into this. Here's what it looks like in your StackBlitz at https://stackblitz.com/edit/yzfn6i-nprkdx?file=index.js with these values:

const data = [
  {
    group: 'Yearly emission',
    date: `${time}-01-01T00:30:00.000Z`,
    value: 10,
  },
  {
    group: 'Yearly emission',
    date: `${time}-02-01T00:30:00.000Z`,
    value: 20,
  },
  {
    group: 'Yearly emission',
    date: `${time}-03-01T00:30:00.000Z`,
    value: 30,
  },
  {
    group: 'Yearly emission',
    date: `${time}-04-01T00:30:00.000Z`,
    value: 40,
  },
  {
    group: 'Yearly emission',
    date: `${time}-05-01T00:30:00.000Z`,
    value: 50,
  },
  {
    group: 'Yearly emission',
    date: `${time}-06-01T00:30:00.000Z`,
    value: 60,
  },  
];

from carbon-charts.

theiliad commented on May 24, 2024

@wdiu it works ok for me even in very small container sizes

we use this package https://github.com/carbon-design-system/carbon-utils-position for positioning the tooltip

from carbon-charts.

wdiu commented on May 24, 2024

I agree that it looks correct in yours.
Could it be because of a difference in browser or OS?
I'm using "Google Chrome 120.0.6099.227 (Official Build) (64-bit)" in Windows 10.

from carbon-charts.

Recommend Projects