如何从highchart.js条形图中删除x轴标签

时间:2016-05-25 05:12:07

标签: plot highcharts labels axis-labels

我使用highcharts.js建立一个条形图。我无法弄清楚如何删除x轴标签?我知道我必须改变xAxis对象,但我已经尝试了下面的所有选项,没有任何对我有用。我知道这是可能的,但我错过了一些东西。任何帮助是极大的赞赏。这是我用fiddle开始的情节的小提琴。

xAxis: {
    categories: [''],
    title: {
        text: null
    },
    labels: {
     enabled:false
    }
}

xAxis: {
    labels: {
     enabled:false
    }
}

数据对象,只是一个样本大小..

var obj = {
    "data": [0.397851,1721745],
    "color":'rgb(51, 204, 51)',
    "organism_labels":"klebsiella_oxytoca"
},{
    "data": [0.609935,66529],
    "color":'rgb(51, 204, 51)',
    "organism_labels":"staphylococcus_aureus"
},{
    "data": [0.505084,45563],
    "color":'rgb(51, 204, 51)',
    "organism_labels":"legionella_longbeachae"
},{
    "data": [0.669884,83471],
    "color":'rgba(223, 83, 83, .5)',
    "organism_labels":"enterobacter_aerogenes"
}, {
    "data": [0.688673,1309077],
    "color":'rgba(223, 83, 83, .5)',
    "organism_labels":"pseudomonas_aeruginosa"
}

HighCharts.js

    /** Histogram **/
    $(function () {
        $('#histogram').highcharts({
            chart: {
                type: 'column',
                zoomType: 'xy'
            },
            title: {
                text: 'Histogram'
            },
            subtitle: {
                text: 'Please Help!'
            },
            xAxis: {
                min:0,
                max:1,
                minPadding: 0,
                maxPadding: 0
            },
            yAxis: {
                title: {
                    text: 'Reads'
                }
            },
            credits: {
              enabled: false
            },
            series:
                obj
        });
    });

当前情节:

current plot example

2 个答案:

答案 0 :(得分:3)

从屏幕截图中看,您要删除的内容是图例,而不是x轴标签。

由于obj JSON数组中的每个项目都有自己唯一的名称,因此除非您在图表选项中设置legend: { enabled: false },否则图例会推出每个项目(请参阅http://api.highcharts.com/highcharts#legend.enabled )。

如果能回答你的问题,请告诉我。

答案 1 :(得分:2)

您可以尝试查看酒店visible

  xAxis :{
    visible : false
  }

是否应显示轴,包括轴标题,线,刻度和标签。默认为true。