高图中显示多个x轴

时间:2019-01-14 12:53:04

标签: angularjs highcharts

在写这个问题之前,我尝试并搜索了许多方法,并且在highchart中有两个x轴希望将其阻止为一个。我无法对highchart文档中的任何选项进行罚款。

以下是我尝试将类别推入x轴的方法,因为我想在栏的向下钻取中显示不同的x轴类别。

chartResourceData.xAxis = [{
                        id: 0,
                        type: 'datetime',
                        dateTimeLabelFormats: {
                            day: '%b \'%y'
                        }
                      },
                      {
                        id: 1,
                        type: 'category',

                      }
                  ];

,我成功获得了不同的细分类别,但对于主要数据,我有两个具有相同x轴值的数据系列。

 var series1Data = { name: 'Airtel',
                    xAxis:0,
                    pointStart: Date.UTC(2018, 0, 1),
                    pointInterval: 360 * 3600 * 1000,

                    data: [{

                        y: 330,
                        drilldown: 'Jan01'
                        },
                {

                        y:  120,
                        drilldown: 'Jan01'
                        },
                {

                        y: 203,
                        drilldown: 'Jan01'
                        },
                {

                         y:80,
                        drilldown: 'Jan01'
                        },{

                             y:80,
                            drilldown: 'Jan01'
                            },
                {

                         y:50,
                        drilldown: 'Jan01'
                        },
                {

                         y:69,
                        drilldown: 'Jan01'
                        },
                {

                         y:99,
                        drilldown: 'Jan01'
                        },
                {

                         y:45,
                        drilldown: 'Jan01'
                        },
                        {

                            y: 64,
                            drilldown: 'Jan01'
                            },
                {

                        y: 120,
                        drilldown: 'Jan01'
                        },
                {

                        y: 120,
                        drilldown: 'Jan01'
                        },
                ]
                };
                    var series2Data = { name: 'Vodafone',
                    xAxis:0,
                    pointStart: Date.UTC(2018, 0, 1),
                    pointInterval: 360 * 3600 * 1000,
                    // xAxisCategories:1,
                    // data: [{
                    //     name: 'Jan',
                    //     y: 133,
                    //     drilldown: 'Jan02'
                    // }, 156, 947, 408, 61, 20, 135, 203, 80, 50, 69, 99] };
                    // xAxis: {
                    //     type: 'datetime',
                    //     dateTimeLabelFormats: {
                    //         day: '%b \'%y'
                    //     }
                    // },
                    // pointStart: Date.UTC(2018, 0, 1),
                    // pointInterval: 360 * 3600 * 1000,
                    data: [{

                        y: 133,
                        drilldown: 'Jan02'
                        },
                {

                        y:  156,
                        drilldown: 'Jan02'
                        },
                {

                        y: 947,
                        drilldown: 'Jan02'
                        },
                {

                        y: 408,
                        drilldown: 'Jan02'
                        },{

                            y: 61,
                            drilldown: 'Jan02'
                            },
                {

                        y: 20,
                        drilldown: 'Jan02'
                        },
                {

                        y: 135,
                        drilldown: 'Jan02'
                        },
                {

                        y: 203,
                        drilldown: 'Jan02'
                        },
                {

                        y: 80,
                        drilldown: 'Jan02'
                        },
                        {

                            y: 50,
                            drilldown: 'Jan02'
                            },
                {

                        y: 69,
                        drilldown: 'Jan02'
                        },
                {

                        y: 99,
                        drilldown: 'Jan02'
                        },
                ]
            };

这个给了我多个x轴,如下图。enter image description here

请任何人帮助我 预先感谢。

0 个答案:

没有答案