Azure / Azure/azure-kusto-trender
The render method of the Line-Chart now includes a third parameter, but there is no documentation on how to use it, causing the chart to crash
- Dominant language
- TypeScript
- Stars
- 33
- Forks
- 18
- Avg merge
- 6d 15h
- Merged PRs (30d)
- 2
Description
This error occurs when trying to render the chart, and it appears to be related to the way `.transition` is being used on the D3 selection chain.
`LineChart.js:3015 Uncaught TypeError: aggregateGroups.enter(...).append(...).classed(...).merge(...).transition is not a function`
### Steps to Reproduce:
1. Initialize a `LineChart` component.
2. Attempt to render or update the chart.
3. Observe the error in the browser console.
### Expected Behavior:
The chart should render or update without errors.
### Actual Behavior:
The chart crashes with the error above.
### Possible Cause:
There may be a problem with the usage of D3's `transition` method on the selection chain. It’s possible that the `aggregateGroups` variable is not returning a valid D3 selection or that `transition` is being called on an invalid object.
### Request for TypeScript Support:
Additionally, it would be beneficial to add TypeScript support for better type safety and autocompletion, as this would help prevent similar issues and improve the developer experience.
### Environment:
- "azure-kusto-trender": "^0.0.17",
- Browser: Version 131.0.6778.86 (Official Build) (arm64)
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the browser error and inspect LineChart.js around line 3015, especially the aggregateGroups selection chain and its use of transition. Determine whether the reported third render parameter, the D3 transition failure, and the TypeScript support request are one change or separate issues. Done should be defined as the chart rendering or updating without the reported crash, with any requested parameter usage documented.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- d3, javascript, typescript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100