Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Muhammad Hashir
180
Ignite UI Add padding using custom style
posted

How to add padding to custom styles for the column chart for the follwing code

 public assigningBigDotOverlayStyle(data: any,brush:any) {

    debugger;
    let args = data.args;

    args.fill = brush;
    args.stroke = brush;
    args.paddingLeft = "12px";
    args.paddingRight = "12px";

  }
HTML:
                             <igx-column-series *ngIf="keyIndicators.type=='line-series'" [xAxis]="xAxis"
                                    [yAxis]="yAxis2" legend="legend"
                                    [dataSource]="[pointsdata]"
                                    valueMemberPath="{{keyIndicators.valuetomap}}"
                                     isCustomCategoryStyleAllowed="true"
                                    (assigningCategoryStyle)="assigningBigDotOverlayStyle($event,keyIndicators.historybrush ? keyIndicators.historybrush : keyIndicators.brush )"
                                    [tooltipTemplate]="bigpointstooltip"
                                    markerType="Hidden" markerOutline="transparent"
                                    showDefaultTooltip="false"
                                    brush="{{keyIndicators.brush}}"
                                    >
                                </igx-column-series>
Parents
No Data
Reply Children