2016-11-14 9 views
0

テーブルをX軸の縦棒グラフ(それぞれのバー)の下に表示したいだけですが、グループ化を使用したい。 x軸値のテーブルが必要です。下図のようにハイチャートでグループ化されたカテゴリと同様にx軸にテーブルを表示できますか?グループ化はありません

ハイチャートのプロパティを使ってこれを行うことはできますか?テーブルのみがx軸ラベルに表示されます。

highcharts libを使用することは可能ですか?

enter image description here

+0

何か? –

+0

いいえ、あなたが見ているテーブルは、X軸上の画像でまったく同じです。 –

+0

http://jsfiddle.net/BlackLabel/TFhd7/?utm_source=website&utm_medium=embed&utm_campaign=TFhd7 –

答えて

0

あなたはxAxis.tickLengthプロパティを設定することにより、ダニを長くすることができます。 そして、ダニの下に追加の線を描画します。

function renderBottomLine() { 
    var chart = this, 
     axis = chart.xAxis[0], 
     line = axis.bottomLine, 
     x1 = chart.plotLeft, 
     y = chart.plotTop + chart.plotHeight + axis.options.tickLength, 
     x2 = x1 + chart.plotWidth, 
     path = [ 
     'M', x1, y, 
     'L', x2, y 
     ]; 

    if (!line) { 
    axis.bottomLine = chart.renderer.path(path).attr({ 
     'stroke-width': 1, 
     stroke: '#ccd6eb' 
    }). 
    add(); 
    } else { 
    line.animate({ 
     d: path 
    }); 
    } 
} 

Highcharts.chart('container', { 
     chart: { 
      events: { 
      load: renderBottomLine, 
      redraw: renderBottomLine 
      } 
     }, 

例:[この](http://www.highcharts.com/demo/column-parsed)のようなhttp://jsfiddle.net/xuyyt6nd/

+0

ありがとう@morganfree。 –

関連する問題