【问题标题】:How do you remove x-axis labels from a highchart.js bar chart如何从 highchart.js 条形图中删除 x 轴标签
【发布时间】:2016-09-22 12:51:42
【问题描述】:

我正在使用 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
        });
    });

当前剧情:

【问题讨论】:

标签: plot highcharts labels axis-labels


【解决方案1】:

您可以尝试查看visible的属性。

  xAxis :{
    visible : false
  }

轴,包括轴标题、线、刻度和标签,是否应该可见。默认为真。

【讨论】:

    【解决方案2】:

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

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

    如果这回答了您的问题,请告诉我。

    【讨论】:

    • 哇,真不敢相信我错过了这个。感谢您的帮助@brightmatrix
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-24
    • 2013-06-18
    • 1970-01-01
    • 2021-07-24
    • 2019-12-19
    • 1970-01-01
    相关资源
    最近更新 更多