Chart - LabelPlacement BetweenTicks

[Peter Linecker]

Hello Syncfusion-Team,

My Chart looks like this:

Now my problem is that I want to have the Labels on the X-Axis (09 Apr, ...) in the center between the ticks.
I tried to add the property "labelPlacement" with the value "BetweenTicks" but this is not working for me.

I have created a StackBlitz where you can see the exact code I am using: https://stackblitz.com/edit/angular-rwvazq?file=src/app.component.html

Kind Regards,
Peter

[Nishanthi Panner Selvam]

Hi Peter,

By default , In datetime labelPlacement is not supported. Instead of Datetime, we suggest you to use valueType as ‘dateTimeCategory’ to use labelPlacement as betweenTicks.

Kindly, revert us if you have any concerns.

Regards,

Nishanthi

[Peter Linecker]

Hi,

Your approach worked!

However, I got one more question. Is there a way to display the Labels of the Y-Axis on the right side instead of the left side?

Regards, Peter

[Nishanthi Panner Selvam]

Hi Peter,

We suggest you to set opposedPosition as true in y-axis, to meet your requirement.

Please find the below stackblitz link , code Snippet for your reference.

<ejs-chart [primaryYAxis]="primaryYAxis"></ejs-chart>

               public primaryYAxis: any = {

    opposedPosition: true

  };

Sample: https://stackblitz.com/edit/angular-rwvazq-bshfdx?file=src%2Fapp.component.ts,src%2Fapp.component.html

Kindly, revert us if you have any concerns.

Regards,

Nishanthi

[Peter Linecker]

Hi Syncfusion-Team,

Thanks for the fast response, this is the exact answer I needed.

Now I actually have one more question:

How can i change the style of the tooltip's box-shadow and the style of the border around the color inside the tooltip (around the green circle)? 

In the TooltipSettingsModel I can't find the properties to change those stlyes and I also can't find the proper css selectors to change the style of it via css.

Kind Regard, Peter

[Nishanthi Panner Selvam]

Peter,

As of now , we do not have support for styling the tooltip box shadow and border of the marker inside the tooltip.

Please let us know if you have any concerns.

Regards,

Nishanthi