Which component(s) are affected?
Other/unknown (please specify in the description)
Description
In IgcDataChartComponent with IgcStackedColumnSeries, it would be good to be able to get the clicked series from event args in seriesMouseLeftButtonDown.
Reproduction
- Start the attached sample.
- Click one of the column fragments.
-> Observe the brower dev tool's console.
Actual:
Series information, such as title, valueMemberPath, etc., cannot directly be obtained from the event args.
Expected:
Series information can directly be obtained from the event args.
C00245668-wcStackedColumnChartApp3.zip
Workaround
stackedColumnChart1.seriesMouseLeftButtonDown = (s: IgcSeriesViewerComponent, ev: IgcDataChartMouseButtonEventArgs) => {
console.log('Stacked Column Chart 1 seriesClick');
console.log(`[Item] ${JSON.stringify(ev.item)}`);
// It would be good to be able to directly get the series that was clicked from the event args.
// Actually, ev.series is IgcColumnFragmentComponent
// and it neither exposes APIs to get access to its corresponding IgcStackedColumnSeries nor can be casted to it.
console.log(`[Series] Title: ${ev.series.title}, ValueMemberPath: ${ev.series.valueMemberPath}`);
// Workadound
// const dataSourceName = sampleData1.includes(ev.item) ? 'sampleData1' : sampleData2.includes(ev.item) ? 'sampleData2' : 'unknown';
// console.log(`[Data Source] ${dataSourceName}`);
// switch(dataSourceName) {
// case 'sampleData1':
// console.log(`[Series Info] Title: ${stackedColumnValue1Series.title}, ValueMemberPath: ${stackedColumnValue1Series.valueMemberPath}`);
// break;
// case 'sampleData2':
// console.log(`[Series Info] Title: ${stackedColumnValue2Series.title}, ValueMemberPath: ${stackedColumnValue2Series.valueMemberPath}`);
// break;
// default:
// console.log('Unknown data source');
// }
}
Is this a regression?
No or unsure. This never worker, or I haven't tried before.
Affected versions
"igniteui-webcomponents-charts": "^6.3.1"
Browser/OS/Node environment
Browser: Chrome 145.0.7632.117
OS: Windows 11 25H2
Node: v24.0.0
npm: 11.3.0
Which component(s) are affected?
Other/unknown (please specify in the description)
Description
In IgcDataChartComponent with IgcStackedColumnSeries, it would be good to be able to get the clicked series from event args in seriesMouseLeftButtonDown.
Reproduction
-> Observe the brower dev tool's console.
Actual:
Series information, such as title, valueMemberPath, etc., cannot directly be obtained from the event args.
Expected:
Series information can directly be obtained from the event args.
C00245668-wcStackedColumnChartApp3.zip
Workaround
Is this a regression?
No or unsure. This never worker, or I haven't tried before.
Affected versions
"igniteui-webcomponents-charts": "^6.3.1"
Browser/OS/Node environment
Browser: Chrome 145.0.7632.117
OS: Windows 11 25H2
Node: v24.0.0
npm: 11.3.0