Highchart 在 x 轴上显示字符串

2024-01-14

我试图将我的 x 轴值显示为系列的 highcharts 上的字符串,但得到 (0,1,2....) 这是 xaxis 数组索引位置。如何在 higcharts 上显示格式化为字符串的 xaxis 值?

这是我所拥有的

Highcharts.chart('container', {
  title: {
    text: 'Chart with time'
  },
  xAxis: {
    type: 'datetime',
                "labels": {
                "formatter": function() {
                        console.log(this);
                        console.log(this.value.toString());
                    return this.value
                }                    
            },
  },
  series: [{
    data: [
      ['Jan-1', 100],
      ['Jan-2', 120],
      ['Jan-3', 130]
    ]
  }]
});

希望看到“Jan-1”、“Jan-2”作为 x 轴上的标签。这是下面小提琴的链接https://jsfiddle.net/dLfv2sbd/2/ https://jsfiddle.net/dLfv2sbd/2/


Remove labels并使用type: 'category'代替type: 'datetime':

Highcharts.chart('container', {
  title: {
    text: 'Chart with time'
  },
  xAxis: {
    type: 'category',
  },
  series: [{
    data: [
      ['Jan-1', 100],
      ['Jan-2', 120],
      ['Jan-3', 130]
    ]
  }]
});

检查fiddle https://jsfiddle.net/7v5Lh826/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Highchart 在 x 轴上显示字符串 的相关文章