Highcharts图表类别未正确显示

Question

编辑：这是一个小提琴，感谢JordanD让它显示出来的东西： jsfiddle.net

编辑（2）：据我所知，这就是单个系列图表的显示方式。添加第二个系列（数据数组中的第二个元素）会导致图表按照我的预期显示，但是对于一个系列，它基本上是居中而不是对齐。因此，它并没有被打破，它只是没有像我预期的那样表现。

数据系列采用以下形式的对象数组形式：

name: 'string'
data: ['array', 'of', 'data']

从图中可以看出，我的x轴类别显示为字符串。它被设置为

categories: dates

其中date是第一个索引中包含日期数组的数组。看来，类别中唯一显示的是数组的第一个元素。即使我尝试

categories: ['this', 'is', 'a', 'test']

唯一能展示的是这个＆＃39;。

这里是控制台日志，附带一小部分数据样本：

这是实例化图表的调用：

 $("#chart").highcharts({
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: 'report for ' + result[0].Name
                    },
                    xAxis: {
                        categories: date
                    },
                    yAxis: {
                        title:
                        {
                            text: 'Number'
                        }                            
                    },
                    series: dataSeries
                });

我想要得到的是x轴标签（和列本身）间隔开来占据图表的整个宽度。

Answer 1

问题在于你有9个系列，每个点都有相同的x，所以每个系列都在相同的刻度上开始，你有结果。

解决方案：

• 使用一个系列并为每个点设置颜色
• 为每个系列使用pointStart
• 将数据设置为对[x，y]，但xAxis应为category type。

Answer 2

如果我能够正确理解您的问题，则可以轻松修复数据type到您的轴。

type : 'datetime'

 $("#chart").highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'report for ' + result[0].Name
                },
                xAxis: {
                    categories: date,
                    type : 'datetime'
                },
                yAxis: {
                    title:
                    {
                        text: 'Number'
                    }                            
                },
                series: dataSeries
            });