Question

我试图在高图表的x轴上以日/周/月格式显示dateTime我将数据格式化为x utc日期时间格式和y（幅度）。我的印象是我只需要这样做才能工作

Highcharts.chart('container', {
  title: {
    text: 'Chart with time'
  },
  xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
      day: "%e. %b",
      month: "%b '%y",
      year: "%Y"
    }
  },
  series: [{
    data: [
      [1493326164493, 100],
      [1493326194018, 120]
    ]
  }]
});

我做错了什么？我已经为我的方案发布了一个小提琴链接

https://jsfiddle.net/dLfv2sbd/

Answer 1

axis.dateTimeLabelFormats的工作方式略有不同。首先，Highcharts试图猜测数据的“最佳单位”是什么，例如如果是一天，它将根据dateTimeLabelFormats的日期属性对其进行格式化。

如果您只想格式化轴标签，可以使用axis.labels.format并指定如下格式：

xAxis: {
  type: 'datetime',
  labels: {
    format: '{value:%Y-%b-%e}'
  },

示例：https://jsfiddle.net/dLfv2sbd/1/

Answer 2

您可以尝试使用

格式化日期

for (int i = 1; i <= 5; i++)
{
    printf(" %d time dice rolled = %d \n",i, rand() % s + 1);
    x += rand() % s + 1;

}
printf("--------------------------------------Sum is %d", x);

getch();

}

您还可以查看文档http://api.highcharts.com/highcharts/xAxis.labels.formatter

Answer 3

您也可以尝试-

{value：％Y-％b-％e％l：％M％p}

labels: {
      format: '{value:%Y-%b-%e %l:%M %p }'
},

输出-2017年4月27日晚上8:49

格式：“ {value：％Y-％b-％e％l：％M}”

labels: {
          format: '{value:%Y-%b-%e %l:%M %p }'
},

输出-2017年4月27日8:49

格式：“ {value：％Y-％b-％e}”

 labels: {
              format: '{value:%Y-%b-%e}'
 },

输出-2017年4月27日

格式：“ {value：％Y-％b-％e％H：％M}”

labels: {
      format: '{value:%Y-%b-%e %H:%M}'
},

输出2017年4月27日20:49

Answer 4

简单的年月日格式：

 format: '{value:%Y-%m-%e}'

HighCharts在xAxis上显示日期时间格式

4 个答案: