Googleの可視化、

Question

https://developers.google.com/chart/interactive/docs/gallery/ganttchart

それは以下のスクリーンショットのように、ガントチャートの期間にラベルを追加することは可能ですガントチャートにラベルを追加しますか？

Answer 1

ホワイトハットが言ったように、組み込みのオプションはありません。

// callback after draw (afterDraw() function is called after chart is drawn) 

： - 私の具体的なケースについては 私は（あなたがやりたいことができ、これらのdiv要素を棒の上にいくつかのdiv要素を配置する）は、次のでした（私はいつも私のガントグラフで同じ構造を持っています） google.visualization.events.addListener（chart、 'ready'、afterDraw）;標準オプション経由

機能afterDraw（）{

// the container element to append our generated DIVs (with the labels) 
    // it has to be outside the SVG element, but inside the chart container 
    var toContainer = $('#chart_div > div > div'); 

    // in order to create DIVs to place them on top of the bars, we first need to get bars SVG/RECTs positions and sizes 
    // in my case, the RECT elements with the necessary top/left/width/height are in the 6th G element 
    $("#chart_div g:eq(5) rect").each(function() { 
     toContainer.append("<div style='top:"+$(this).attr('y')+"px; left: "+$(this).attr('x')+"px; width: "+$(this).attr('width')+"px; height: "+$(this).attr('height')+"px;text-align: center;position:absolute;line-height:2' >Some text</div>"); 
    }); 

}