如何格式化 Highcharts 的 xAxis

Question

我正在尝试编辑我的 Highchart 的 x 轴的呈现方式。我使用 csv 文件作为输入，因此默认情况下 Highchart 使用 csv 文件中的第一列作为 x 轴。我无法更改 csv 文件的格式。

目前对于每行数据，x 轴显示为： '02/15/2016 10:31:46','02/15/2016 10:41:46','02/15/2016 10:51:46'

我只想显示时间，所以如果它是一个类似date_and_time_string[10:] 的字符串来生成 '10:31:46'、'10:41:46' 和 10:51:46

但是我在执行此操作时遇到了麻烦。我已经尝试了上面的方括号方法，然后是圆括号以及 slice 函数，但它对格式没有任何改变。

以下是我当前的代码，其中包含不成功的 x 轴格式：

             $.get(data, function(csv) {
                $('#container').highcharts({
                  chart: {
                    zoomType: 'x',
                    type: 'column',
                  },
                  data: {
                    csv: csv,
                    lineDelimiter: "\n",
                  },
                  title: {
                        text: 'CSV file data'
                    },
                  yAxis: {
                      title: {
                          text: 'Bytes'
                      }
                  },
                  xAxis: {
                    labels: {
                      format: '{data}'.slice(10,-2)
                    }  
                  },
                  plotOptions: {
                      series: {
                          marker: {
                              enabled: false
                          }
                      }
                  }
                }); 
              });

Answer 1

使用formatter function

              xAxis: {
                labels: {
                  formatter: function() {
                      return this.value.slice(10,-2);
                  }
                }  
              },