在D3.js中绘制实时时间序列时的奇怪x值(Weird x-values when plotting live time series in D3.js)

 由于您希望表单中的输入值显示为af 
 
 表格已成功提交 
 
 
 
 在您的数据属性中添加属性，如下所示： 
data(){
            return{
                showFormValues = false;
            }
        }   
 
 
 在表单下方的段落标记中添加一个带有输入值的div，并仅在表格成功地使用usimg v-show显示div，如下所示： 
<div v-show="showFormValues">
    <p>date: {{ScheduleInterviewForm.schedule_datetime}}</p>
    <p>type: {{ScheduleInterviewForm.interview_type_id}}</p>
</div>  
 
 
 现在在成功部分然后阻止你的表单提交点击方法设置showFormValues = true的值，如下所示： 
ScheduleInterview(form, hrcId) {
    var that = this;
    this.$refs[form].validate((valid) => {
      if (valid) {
        // AJAX: Create HrRequest
        axios.post('/ajax/schedule_interview', {
          interviewTypeId: this.ScheduleInterviewForm.interview_type_id,
          scheduleDatetime: this.ScheduleInterviewForm.schedule_datetime,
          hrcId
        })
        .then(function(res) {
             that.interviewScheduled = true;
           //show the input form values on succesful form submission
             that.showFormValues = true;
          setTimeout(() => that.interviewScheduled = false, 3000);
          console.log(res);
          // that.candidates = res.data.candidates;
        })
        .catch(function(err) {
          console.log(err);
        });
      } else {
        return false;
      }
    });
  }, 
 

Since you want the inputed values in the form show up af
 
ter the form is successfully submitted
 
 
 
Add a property in your data property as below:
 
data(){
            return{
                showFormValues = false;
            }
        }   
 
 
Add a div with the inputed values in paragraph tags below the form and show the div only if form is sucessfully sunbmitted usimg v-show as below:
 
<div v-show="showFormValues">
    <p>date: {{ScheduleInterviewForm.schedule_datetime}}</p>
    <p>type: {{ScheduleInterviewForm.interview_type_id}}</p>
</div>  
 
 
Now in the success part then block of your form submittion click method set the value of showFormValues = true like this:
 
ScheduleInterview(form, hrcId) {
    var that = this;
    this.$refs[form].validate((valid) => {
      if (valid) {
        // AJAX: Create HrRequest
        axios.post('/ajax/schedule_interview', {
          interviewTypeId: this.ScheduleInterviewForm.interview_type_id,
          scheduleDatetime: this.ScheduleInterviewForm.schedule_datetime,
          hrcId
        })
        .then(function(res) {
             that.interviewScheduled = true;
           //show the input form values on succesful form submission
             that.showFormValues = true;
          setTimeout(() => that.interviewScheduled = false, 3000);
          console.log(res);
          // that.candidates = res.data.candidates;
        })
        .catch(function(err) {
          console.log(err);
        });
      } else {
        return false;
      }
    });
  },