Summary
The Forge LineChart component displays only the integer portion of decimal values when rendered in Bitbucket, despite the data containing proper decimal numbers.
Environment
• Forge React Version: @Forge/react@11.10.0
• Platform: Bitbucket
• Component: LineChart from @Forge/react
• Runtime: nodejs22.x
Steps to Reproduce
1 Create a Forge app with a LineChart component containing decimal data:
```javascript
import { LineChart } from '@forge/react';
const arrayData = [
['January', 25.6, 'Blocked'],
['January', 5.4, 'In progress'],
['February', 20.2, 'In progress'],
['March', 15.8, 'Done'],
['March', 20.9, 'In progress'],
];
export const LineChartExample = () => {
return <LineChart
data={arrayData}
xAccessor={0}
yAccessor={1}
colorAccessor={2}
/>;
};
```
2 Deploy the app to Bitbucket
3 View the rendered chart
Expected Result
On hover the chart should display decimal values: 25.6, 5.4, 20.2, 15.8, 20.9
Actual Result
Chart displays only integers: 25, 5, 20, 15, 20
Additional Testing Performed
• ✅ Verified data types are proper numbers using Number() casting
• ✅ Tested with object-based data format - same issue persists
• ✅ Issue occurs consistently across different decimal values
Impact
This prevents accurate visualization of data requiring decimal precision, affecting metrics like percentages, rates, scores, and fractional measurements.
