我嘗試使用下面的圖表選項使用highcharts API繪製熱圖:Highcharts傳說是切斷
{
\t \t \t \t chart : {
\t \t \t \t \t renderTo : 'chartContainer',
\t \t \t \t \t type : 'heatmap'
\t \t \t \t },
\t \t \t \t title : {
\t \t \t \t \t text : "abcd"
\t \t \t \t },
\t \t \t \t xAxis : {
\t \t \t \t \t categories : []//categories,
\t \t \t \t \t tickWidth : 0,
\t \t \t \t \t title : {
\t \t \t \t \t \t text : "Months"
\t \t \t \t \t },
\t \t \t \t },
\t \t \t \t yAxis : {
\t \t \t \t \t categories : []//categories,
\t \t \t \t \t lineWidth : 1,
\t \t \t \t \t title : {
\t \t \t \t \t \t text : "xyz"
\t \t \t \t \t }
\t \t \t \t },
\t \t \t \t colorAxis : {
\t \t \t \t \t min : minValue,
\t \t \t \t \t max : maxValue,
\t \t \t \t \t gridLineWidth : 2,
\t \t \t \t \t marker : null,
\t \t \t \t \t tickWidth : 0,
\t \t \t \t \t tickInterval : tickInterval
\t \t \t \t },
\t \t \t \t legend : {
\t \t \t \t \t align : 'right',
\t \t \t \t \t layout : 'vertical',
\t \t \t \t \t verticalAlign: 'middle',
\t \t \t \t \t symbolHeight : 250
\t \t \t \t },
\t \t \t \t tooltip : {
\t \t \t \t \t enabled : false
\t \t \t \t },
\t \t \t \t navigation : {
\t \t \t \t \t buttonOptions : {
\t \t \t \t \t \t verticalAlign : 'top',
\t \t \t \t \t \t y : -10
\t \t \t \t \t }
\t \t \t \t },
\t \t \t \t series : [] //series data
};
但傳說在頂部不知何故切割。請檢查下面的快照: Chart Screenshot
我試過的傳奇選項http://api.highcharts.com/highcharts#legend 也提到了不同的組合,試圖增加圖表容器的高度。 儘管如此,這個傳說仍在頂端。 任何幫助/建議?
只是試圖重新創建問題,在jsFiddle中工作正常,看看:http://jsfiddle.net/qjwq5d30/ - 你確定你已經發布了所有選項?你能否更新我的提琴問題? –
我可以重現它,如果我使圖表div更短http://jsfiddle.net/qjwq5d30/1/ –
感謝Paweł和芭芭拉。我找出了這個問題。由於symbolHeight屬性,問題正在發生。我把它減少到150,傳說停止了切斷。再次感謝! –