CODEWITHSUNDEEP
javascriptamchartsamcharts4jalali-calendar
Farshid Rezaei
Farshid Rezaei

Reputation: 772

How to use amchart with jalali calendar?

I'm using amchart and I can't use the Jalali calendar because it doesn't support the non-Gregorian calendar.

I want to have Jalali date in date-Axis.

enter image description here

How I can change it?

Upvotes: 3

Views: 428

Answers (2)

SalehMosavi
SalehMosavi

Reputation: 21

for label I recommend to get text from 'target.dataItem' because some times text was shorted... like : "April"

dateAxis.renderer.labels.template.adapter.add("text", function (text, target, key) {
    if (text !== undefined) {
        return new Date(target.dataItem.values.value.value).toLocaleDateString('fa-IR');
    }
});

Upvotes: 0

Javad Shariati
Javad Shariati

Reputation: 126

You can't change locale of datetime. but you can modify dateAxis by geting rendered text and change it by adapter.

for tooltip:

dateAxis.adapter.add("getTooltipText", function(text){
  return new Date(text).toLocaleDateString('fa-IR')
})

for label:

dateAxis.renderer.labels.template.adapter.add("text", function(text) {
  return  new Date(text).toLocaleDateString('fa-IR');
});

Upvotes: 3

Related Questions