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 (将#修改为@）