我尝试使用下面的图表选项使用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,传说停止了切断。再次感谢! –