2016-05-25 21 views
2

棒グラフを作成するのにhighcharts.jsを使用しています。私はx軸ラベルを取り除く方法を理解できませんか?私はxAxisオブジェクトを変更する必要があることを知っていますが、私は以下のすべてのオプションを試しましたが、何も私のために働いていません。私はこれが可能であることを知っているが、私は何かが足りない。どんな助けでも大歓迎です。ここに私がfiddleで始まるプロットのフィドルがあります。highchart.js棒グラフからX軸ラベルを削除する方法

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

+1

あなたのチャートのデモをライブしましたか? xAxis:{labels:{enabled:false}}は動作するはずです。 http://jsfiddle.net/12e95k8s/ –

+0

例:http://jsfiddle.net/jlbriggs/osevj9m3/3/ – jlbriggs

答えて

3

を、それがあなたが削除したいと思われるものは、の凡例であり、x軸のラベルではありません。

あなたobj JSON配列内の項目のそれぞれが独自の名前を持っているので、あなたのチャートオプションでlegend: { enabled: false }を設定しない限り、伝説はそれらのそれぞれをプッシュしますが(http://api.highcharts.com/highcharts#legend.enabledを参照してください)。

あなたの質問に答えるかどうか教えてください。

+1

うわー、私はこの1つを逃したと信じられない。 @brightmatrixを助けてくれてありがとう –

+0

いつでも!これがあなたの問題を解決したことを嬉しく思います。 –

1

プロパティvisibleをチェックアウトすることができます。

xAxis :{ 
    visible : false 
    } 

軸のタイトル、行、ティック、ラベルなどの軸を表示するかどうかを指定します。デフォルトはtrueです。

関連する問題