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

Open
#81 0 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.