Chrome浏览器中的HighCharts坐标轴格式化

Question

我有这样的数据。

Time,Speed
Mon May 11,21
Tue May 12,34
Wed May 13,12
Thu May 14,12
Fri May 15,45
Mon May 18,34
Tue May 19,56
Wed May 20,67
Thu May 21,78

我想把这些数据绘制在HighCharts线图上 Y轴是速度，X轴是时间。我想保留数据中的时间标签。这在Firefox和Edge中可以工作。然而，Chrome 试图将时间转换为日期值，因此它扰乱了标签的格式。我如何解决这个问题，以便保持我的轴标签与原始数据中存在的方式一致。

var csv = {this is my data};
var options = {chart: {
                        backgroundColor: '#f6f6f6',
                        type: 'line',
                        style: {
                            fontFamily: 'Arial'
                        },
                        borderWidth: 1,
                        borderColor: "#ddd",
                        borderRadius: "5",
                        zoomType: "xy",
                        renderTo: 'chartContainer',
                    },
                    xAxis: {

                        labels: {
                            formatter: function(){
                                return this.value;
                            }
                        }
                    }
                    data: {
                        csv: data
                    },
                    title: {
                        text: chartTitle
                    }
                    }};

            var chart = new Highcharts.Chart(options);
        }

Answer 1

使用 category 轴类型。

    xAxis: {
        type: 'category',
        ...
    }

---

现场演示。 http:/jsfiddle.netBlackLabel25ypbo1e

API参考。 https:/api.Highcharts.comhighchartsxAis.type