2016-11-06 1 views
1

Im пытается сделать некоторую модификацию данных Highchart времени с нерегулярными интервалами (сплайн-скачками времени), как этот http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-irregular-time/Highchart данных Время с интервалом нерегулярной и текст

Итак, я хочу, чтобы изменить UTC массив для того, чтобы введите некоторые дополнительные текстовые данные.

Я изменяю массив на объект и без особых усилий помещаю данные UTD для исходного примера в переменную «y».

Заранее спасибо.

Это мой модифицированный код:

$(function() { 
Highcharts.chart('container', { 
    chart: { 
     type: 'spline' 
    }, 
    title: { 
     text: 'Snow depth at Vikjafjellet, Norway' 
    }, 
    subtitle: { 
     text: 'Irregular time data in Highcharts JS' 
    }, 
    xAxis: { 
     type: 'datetime', 
     dateTimeLabelFormats: { // don't display the dummy year 
      month: '%e. %b', 
      year: '%b' 
     }, 
     title: { 
      text: 'Date' 
     } 
    }, 
    yAxis: { 
     title: { 
      text: 'Snow depth (m)' 
     }, 
     min: 0 
    }, 
    tooltip: { 
     formatter: function() { 
      return 'Extra data: <b>' + this.point.myData + '</b>'; 
     } 
    }, 

    plotOptions: { 
     spline: { 
      marker: { 
       enabled: true 
      } 
     } 
    }, 

    series: 

     [{ 
     name: 'Foo', 


     data: [{ 
      y: [Date.UTC(2016, 7, 29), 1.0], 
      myData: 'firstPoint' 
     }, { 
      y: [Date.UTC(2016, 9, 29), 2.0], 
      myData: 'secondPoint' 
     }, { 
      y: [Date.UTC(2016, 9, 29), 3.18], 
      myData: 'thirdPoint' 
     }], 

    }],  
}); 
}); 
+0

*“изменить массив в объект и поместить данные UTD для исходного примера в переменной» у * Конечно, нет, «у» должно быть значением точки данных y. Что вы на самом деле пытаетесь сделать с помощью значения myData? – jlbriggs

ответ

1

Точечный объект не имеет допустимый формат, у должен быть числом, а не массив.

{ 
     x: Date.UTC(2016, 7, 29), 
     y: 1.0, 
     myData: 'firstPoint' 
    } 

пример: http://jsfiddle.net/reutw7gb/

Существует также дополнительный способ настройки точек в виде массивов. Вы можете установить серию keys.

keys: ['x', 'y', 'myData'], 
    data: [ 
    [Date.UTC(2016, 7, 29), 1.0, 'firstPoint'], 
    [Date.UTC(2016, 9, 29), 2.0, 'secondPoint'], 
    [Date.UTC(2016, 9, 29), 3.18, 'thirdPoint'] 
    ], 

пример: «без успеха„http://jsfiddle.net/reutw7gb/1/

Смежные вопросы