如何解决ApexChart-修改xaxis以获取星期数
这是我第一次使用 apexchart 。我正在尝试在xaxis
中显示星期数。但是问题是我尝试了几种方法来实现它,但是没有一个起作用。当然,它必须与数据标签同步以增加更多的难度,所以我有点迷路。这是默认的JS。
const series = [
{
name: 'Produit A',data: [
{
x: 'Parcelle 1',y: [
new Date('2019-01-01').getTime(),new Date('2019-12-10').getTime()
]
},{
x: 'Code',y: [
new Date('2019-03-08').getTime(),new Date('2019-03-11').getTime()
]
},{
x: 'Test',y: [
new Date('2019-03-11').getTime(),new Date('2019-03-16').getTime()
]
}
]
},{
name: 'Bob',data: [
{
x: 'Design',y: [
new Date('2019-03-05').getTime(),new Date('2019-03-08').getTime()
]
},{
name: 'Joe',y: [
new Date('2019-03-02').getTime(),new Date('2019-03-05').getTime()
]
},y: [
new Date('2019-03-06').getTime(),new Date('2019-03-09').getTime()
]
},y: [
new Date('2019-03-10').getTime(),new Date('2019-03-19').getTime()
]
}
]
}
];
const options = {
chart: {
height: 350,type: 'rangeBar'
},plotOptions: {
bar: {
horizontal: true
}
},dataLabels: {
enabled: true,formatter: function(val) {
var a = moment(val[0])
var b = moment(val[1])
var diff = b.diff(a,'days')
return diff + (diff > 1 ? ' days' : ' day')
}
},fill: {
type: 'gradient',gradient: {
shade: 'light',type: 'vertical',shadeIntensity: 0.25,gradientToColors: undefined,inverseColors: true,opacityFrom: 1,opacityTo: 1,stops: [50,100,100]
}
},xaxis: {
type: 'datetime',},legend: {
position: 'bottom'
}
};
return(
<div>
<ReactApexChart options={options} series={series} type="rangeBar" height={350} />
</div>
)
};
如果有人可以帮助,那就太好了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。