Question

我试图用不规则的间隔（样条不规则时间）对Highchart Time数据进行一些修改，如http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-irregular-time/

所以，我想修改UTC数组，以便添加一些附加的文本数据。

我将数组更改为一个对象，并将原始示例的UTD数据放入变量＆＃34; y＆＃34;没有成功。

提前致谢。

这是我修改后的代码：

$(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'
        }],

    }],     
});
});

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

具有不规则区间和文本的高图时间数据

1 个答案: