2016-11-06 84 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/

相关问题