小编Áng*_*uez的帖子

我有一个关于 vue-chartjs 的问题。我需要在 jsfiddle 中实现这样的结果：http : //jsfiddle.net/mbhavfwm/
这是我的 vuejs 组件的代码（图表数据由 params 发送）。

<script>
  import { Line, mixins } from 'vue-chartjs'
  import zoom from 'chartjs-plugin-zoom';
  const { reactiveProp } = mixins;

  export default {
    extends: Line,
    mixins: [reactiveProp],
    data () {
      return {
        options: {
          scales: {
            yAxes: [{
              ticks: {
                beginAtZero: true
              },
              gridLines: {
                display: true
              }
            }],
            xAxes: [
              {
                gridLines: {
                  display: false
                },
                type: "time",
                time: {
                  format: "HH:mm:ss",
                  displayFormats: {
                    'millisecond': 'h:mm a',
                    'second': …

我从 Fitbit API 得到一个 json 字符串。我想在 List 对象中保存日期时间和值字段。我正在使用 jackson 模块 kotlin。我为此创建了 ActivitiesSteps 数据类。

我不知道如何避免“活动步骤”字段，我被卡住了。

这是 JSON 正文（在我下面的代码中的 readValue 方法的变量“jsonSteps”中提供）：

  {  
   "activities-steps":[  
      {  
         "dateTime":"2018-04-17",
         "value":"11045"
      },
      {  
         "dateTime":"2018-04-18",
         "value":"14324"
      },
      {  
         "dateTime":"2018-05-16",
         "value":"11596"
      }
   ]
}

这是我用来保存数据的类：

data class ActivitiesSteps(var dateTime: String, var value: String)

这是我使用杰克逊的代码：

val mapper = jacksonObjectMapper()
val stepsList = mapper.readValue<List<ActivitiesSteps>>(jsonSteps)

并抛出以下异常：

Exception in thread "main" com.fasterxml.jackson.databind.exc.MismatchedInputException: 
Cannot deserialize instance of `java.util.ArrayList` out of 
START_OBJECT token at 

[Source: (String)"{"activities-steps":[
{"dateTime":"2018-04-17","value":"11045"},
{"dateTime":"2018-04-25","value":"8585"},
{"dateTime":"2018-04-26","value":"11218"},
{"dateTime":"2018-04-27","value":"10462"},
{"dateTime":"2018-04"[truncated 762 chars]; line: 1, …