【问题标题】:How to change format of the upper xAxis Label?如何更改上部 xAxis 标签的格式?
【发布时间】:2020-12-04 07:48:15
【问题描述】:

如何更改“上”xAxis 标签的格式,如图所示?

我已经想出了如何使用以下 sn-p 更改下面的工作日标签(T、W、T 等)(对于几周,代码放置在 xAxis 内):

dateTimeLabelFormats: {
    week: {
        list: ['Kalenderwoche %W', 'KW%W']
    }
},

现有的例子: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/gantt/demo/resource-management

【问题讨论】:

    标签: javascript highcharts highcharts-gantt


    【解决方案1】:

    您有 2 个 xAxis。所以你应该提供dateTimeLabelFormats数组。

    索引较低的轴将被放置在较低的位置。

    所以,你的 xAxis 应该是

      xAxis: [{
          currentDateIndicator: true,
          dateTimeLabelFormats: {
            day: {
              list: ['%A, %e. %B', '%a, %e. %b', '%E']
            }
          }
        },
        {
          dateTimeLabelFormats: {
            week: {
              list: ['Kalenderwoche %W', 'KW%W']
            },
            month: {
              list: ['Monat%W', 'KW%W']
            }
          }
        }
      ],
    

    【讨论】:

      【解决方案2】:

      根据this page,方法是将x轴设置为一个对象数组,每个对象代表x轴的一个级别(日、周、月等)。在这种情况下:https://jsfiddle.net/vm5t78j3/

          xAxis: [{
              currentDateIndicator: true,
          }, {
            labels: {
              format: '{value:%W}'
            },
          }],
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-06-16
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-06-22
        • 1970-01-01
        相关资源
        最近更新 更多