[Question]: How can I get the all the bar elements inside <svg><path> to do customization?

[rajaa1985]

Question for Carbon

I am working with Angular15 and Carbon Design System.

Do we have any options to get all the bar elements in to customize something programmatically. Want to iterate individual (bars) elements.

Below is the current implementation

HTML

<div>
    <ibm-simple-bar-chart [data]="chartData" [options]="chartOptions" #simpleBar></ibm-simple-bar-chart>
</div>

bar-chart.component.ts

import {AfterViewInit, Component, ViewChild} from '@angular/core';

 @Component({
  selector: 'bar-chart',
  templateUrl: './bar-chart.component.html',
  styleUrls: [],
 })
 export class SimpleBarChartComponent implements AfterViewInit {
 public chartData: any[] = [];
 public chartOptions: any = {};
 @ViewChild('simpleBar', {static: false})
 public barChart: any;

 public ngAfterViewInit(): void {
    if (this.barChart) {
      // I want to perform custom logic here
    }
  }
 }

Note: Actually trying to show some vertical text next to each bars.

I don't find any options so try to get the element and customize it

If I am able to get the element then it will be good for me to do any customization

Code of Conduct

• I agree to follow this project's Code of Conduct