Question

我正在使用范围选择器和Highcharts中的柱形图。默认情况下，x轴上显示的数据是日期/时间，我想明确地将值设置为在x轴上绑定。为了实现它，我以下面的方式设置了xAxis属性，但它没有发生。

xAxis: {
    categories: ['Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges']
}

这是我的JSFiddle Code

代码：

$('#container').highcharts('StockChart', {
        credits: {
          enabled: false
        },
        title : {
            text : 'AAPL Stock Price'
        },
        xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges']
        },
        series : [{
            type: 'column',
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }],
        chart: {
            events: {
                redraw: function () {
                    //debugger;
                    //var start=$('.highcharts-range-selector').value();
                    //var start=$('.highcharts-range-selector').value();
                    var minDate = $('input.highcharts-range-selector:eq(0)').val();
                    var maxDate = $('input.highcharts-range-selector:eq(1)').val();
                    $('#a').val(minDate+"   "+maxDate);//=minDate+"   "+maxDate;
                }
            }
        }
    });
});

请帮忙。

另外，图表有什么限制吗？如果我们使用范围选择器，我们不能使用其他值？感谢

Answer 1

rangeselector仅适用于数字xAxis，而不适用于类别。

xAxis类别：与范围选择器一起使用时不在highcharts中工作

1 个答案: