高圖圖表類別無法正確顯示

Question

編輯：這是一個小提琴，感謝JordanD使它顯示一些東西：jsfiddle.net

EDIT（2）：據我所知，這就是單個序列圖的顯示方式。 添加第二個系列（數據數組中的第二個元素）會使圖表按照我的預期顯示，但在一個系列中，它基本上居中而不是合理。 因此，它不是“破碎”的，只是表現不如我預期的那樣。

數據系列采用對象數組的形式，形式為：

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

從圖中可以看出，我的x軸類別顯示為字符串。 它被設置為

categories: dates

其中date是第一個索引中具有日期數組的數組。 看來類別中唯一顯示的是數組的第一個元素。 即使我嘗試

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

唯一顯示的是“ this”。

這是控制台日志，並附有一小部分數據樣本：

這是實例化圖表的調用：

 $("#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 : 'datetime'

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