在LinSeries React Vis上悬停时获取x和y值

编程问答 2022-08-12

问题描述

试图在鼠标悬停位置获得x和y值。

namespace App\Imports;

use App\Models\Application;
use Maatwebsite\Excel\Concerns\ToModel;
use Maatwebsite\Excel\Concerns\Importable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Maatwebsite\Excel\Concerns\SkipsFailures;
use Maatwebsite\Excel\Concerns\SkipsOnFailure;
use Maatwebsite\Excel\Concerns\WithheadingRow;
use Maatwebsite\Excel\Concerns\WithValidation;
use Maatwebsite\Excel\Concerns\WithBatchInserts;
use Maatwebsite\Excel\Concerns\WithChunkReading;

class ApplicationImport implements ToModel,WithheadingRow,WithValidation,WithBatchInserts,WithChunkReading,ShouldQueue,SkipsOnFailure
{
    use Importable,SkipsFailures;

    public function rules(): array
    {
        return [
            '*.title'                   => ['required','string','max:100','unique:applications'],'*.user_id'                 => ['required','numeric'],'*.company_id'              => ['required','*.course_id'               => ['required','*.coursetype_id'           => ['required','*.institution_id'          => ['required','*.status_id'               => ['required','*.internal_ref'            => ['required','max:255'],'*.external_ref'            => ['required','*.intake_month'            => ['required','*.intake_year'             => ['required','numeric','min:4'],'*.tution_fee'              => ['required','*.administration_charge'   => ['required','*.created_by'              => ['required','numeric']
        ];
    }
    
    public function genUID()
    {
        $app_uid = 'USR-' . mt_rand(10000000,99999999);
        if ($this->uidNumberExists($app_uid)) {
            return $this->genUID();
        } else {
            return $app_uid;
        }
    }
    public function uidNumberExists($app_uid)
    {
        return Application::Where('uid',$app_uid)->exists();
    }
    /**
    * @param array $row
    *
    * @return \Illuminate\Database\Eloquent\Model|null
    */
    public function model(array $row)
    {
        return new Application([
            'uid' => $this->genUID(),'title' => $row['title'],'user_id' => $row['user_id'],'company_id' => $row['company_id'],'course_id' => $row['course_id'],'coursetype_id' => $row['coursetype_id'],'institution_id' => $row['institution_id'],'status_id' => $row['status_id'],'internal_ref' => $row['internal_ref'],'external_ref' => $row['external_ref'],'intake_month' => $row['intake_month'],'intake_year' => $row['intake_year'],'tution_fee' => $row['tution_fee'],'administration_charge' => $row['administration_charge'],'created_by' => $row['created_by'],]);
    }
    
    public function batchSize(): int
    {
        return 1000;
    }
    
    public function chunkSize(): int
    {
        return 1000;
    }
}

当我记录事件时，我得到{event：Class}。 文档尚不清楚如何获得价值

enter image description here

我尝试了event.target.value和event.currentTarget，但是它们是未定义的。有没有人以前遇到过这个问题并有解决方案或解决方法？

当我展开事件对象时，我得到以下内容

<XYPlot
    xType="time"
    getX={ d => d[0] }
    getY={ d => d[1] }
    width={300}
    height={300}>
      <Lineseries
        color="orange"
        data={graphData}
        onSeriesMouSEOver={(event)=> {
          console.log('val',event)
        }}
      />
      <XAxis />
      <YAxis />
  </XYPlot>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

lineseriesreact-visreactjsreactjsreactjsreactjs