代码之家  ›  专栏  ›  技术社区  ›  demo

仅在HighChart xAxis上显示月份标签

  •  0
  • demo  · 技术社区  · 8 年前

    我有一些日期列表作为xAxis的分类。 2018-01-01, 2018-01-03, 2018-01-10, 2018-01-17, 2018-01-29;

    我想在图表上以格式显示日期 MMM yy (1月18日)

    所以我试着用这个日期格式来分组所有的日期。结果,我在集合中只收到了一个符合逻辑的项目。但在图表上我看到了这样的标签 Jan 18, 1, 2, 3, 4

    enter image description here

    如何在图表上“分组”值以仅显示月份标签?

    我现在有什么例子 https://jsfiddle.net/phwgo4jz/7/

    2 回复  |  直到 8 年前
        1
  •  2
  •   samuellawrentz    8 年前

    你可以使用 dateTimeLabelFormats 选择xAxis以格式化标签。或者简单地将xAxis的类型设置为 datetime . Highcharts缩放轴并根据需要插入适当的标签。

    以下是highcharts文档: https://api.highcharts.com/highcharts/xAxis.dateTimeLabelFormats

    https://codepen.io/samuellawrentz/pen/XYVyNR?editors=1010

        2
  •  0
  •   Kamil Kulig    8 年前

    categories

    你可以用 xAxis.labels.formatter 要筛选出类别,请执行以下操作:

      formatter: function() {
        return Number.isInteger(this.value) ? '' : this.value;
      }
    

    https://jsfiddle.net/BlackLabel/ytoj9ng2/

    API参考: https://api.highcharts.com/highcharts/xAxis.labels.formatter

    推荐文章