可以使用Moment.js库将Jalali / Perisan日期转换为公历日期,并将其传递给apexchart。以下是一个示例代码片段:
// 导入Moment.js
import moment from 'moment-jalaali';
// 获取Jalali日期
const jalaliDate = '1399/04/22';
// 将Jalali日期转换为公历日期,并在控制台中打印结果
const gregorianDate = moment(jalaliDate, 'jYYYY/jMM/jDD').format('YYYY-MM-DD');
console.log(gregorianDate);
// 在apexchart中使用转换后的日期
const options = {
chart: {
type: 'line',
},
xaxis: {
categories: [gregorianDate, '2021-01-01', '2021-02-01'],
},
series: [{
name: 'series-1',
data: [30, 40, 35],
}],
};
const chart = new ApexCharts(document.querySelector('#chart'), options);
chart.render();
在上面的示例中,我们使用moment-jalaali库将Jalali日期“1399/04/22”转换为公历日期“2020-07-12”,并在x轴类别中将其与其他日期一起传递给apexchart的选项对象。这将确保apexchart正确显示Jalali日期并且标签可以正常显示。