2016-11-06 90 views
1

林試圖與不定期(花不規則時間)這樣http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-irregular-time/Highchart時間數據有不規則的時間間隔和文本

所以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 *當然不是,「y」的需要成爲'y'數據點值。你想用myData實際做什麼? – jlbriggs

回答

1

點對象不具有有效格式,Y應爲數字,而不是陣列。

{ 
     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/

相關問題