How to display primaryYAxis's title like Chart's title and subtitle ?

Question

Hi,primaryYAxis's title Is it possible to mix and display like chart's title and subtitle? Can the effect of the following screenshots achieve similar results?The effect achieved now is as shown below:thanks,Linsee

Baby Palanidurai · Answer

Hi Linsee,

Thanks for using syncfusion products,

We have analyzed your query. As of now we are not having sub title support for axis. But we can achieve your requirement through workaround, using annotation feature we can place any text or HTML element in chart. Annotation can be placed based on coordinateUnit.

Pixels
Points
None

Pixels: x and y values consider as pixel based on `region` property whether it depends on `Chart`(placed the annotation element with respect to container) or `Series` (Placed the annotation element with respect to chart area).

Points: x is represented as series points(x and y).

As for your requirement, we have prepared a sample with annotation. In that sample we have initialized the axis title initial and for another title we have achieved by the annotation. Here, we have placed the annotation based on the pixels and the content is text and which placed near to axis title.

For more information on annotations, kindly find the help document.

Please find the below code snippet to achieve this requirement,

$("#container").ejChart(

{

primaryYAxis:

{

title: { text: '(m3 / min)' },

range: { min: 20, max: 40, interval: 5 }

},

annotations:[{

visible:true, content:"text", coordinateUnit:"pixels",

x:10, y:200,

region:"chart", angle: 270

}],

});

Screenshot:

Sample for your reference can be find from below link,

https://jsplayground.syncfusion.com/f3leftto

Kindly revert us, if you have any queries.

Thanks,

Baby.