javascript - Highcharts 每个系列列一个值

Question

您好，是否可以在 highcharts 的柱形图中仅显示每个类别的一个值？而不将其他值归零？因为我的类别是动态的，所以在该系列中不可能知道哪些值将为空。例如。

     var chart = {
            type : 'column'
        };

... code here

        xAxis: {
                categories: [
                    'Jan',
                    'Feb',
                ],
            },

现在，在我的系列设置中，我将其他数据null，以便它只显示一个像这样的值

var series =  [
     {
      name: 'January',
      data: [71, null]
    }, 
    {
      name: 'February',
      data: [null, 83]

    },
];

现在，如果我的类别是动态的，就像我所说的那样，问题就出现了。是否可以只使用一个值而不将某些数据设置为空？或者我是否使用了错误的图表来完成此任务(我需要垂直条形图)？如果是这样，我应该使用什么？

Answer 1

有一个 js fiddle 专门做这个。

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-objects/

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },

    xAxis: {
        categories: ['Green', 'Pink']
    },

    series: [{
        data: [{
            name: 'Point 1',
            color: '#00FF00',
            y: 1
        }, {
            name: 'Point 2',
            color: '#FF00FF',
            y: 5
        }]
    },
    {
        data: [{
            name: 'Point 1',
            color: '#00FF00',
            y: 1
        }, {
            name: 'Point 2',
            color: '#FF00FF',
            y: 5
        }]
    }]
});