Jquery 高位图表向下钻取边距

Jquery 高位图表向下钻取边距,jquery,highcharts,settings,drilldown,Jquery,Highcharts,Settings,Drilldown,不幸的是,“向上钻取”按钮通常位于图表顶部。我想对向下钻取图形应用marginTop,以便图形始终位于按钮下方。我用过这个。如您所见,该按钮位于柱状图的顶部。 HTML 希望有人知道一个简单的解决方案。检查文档 更新您的向下搜索 drilldown: { drillUpButton: { relativeTo: 'spacingBox', position: { y: 0, x: 0 }

不幸的是,“向上钻取”按钮通常位于图表顶部。我想对向下钻取图形应用marginTop,以便图形始终位于按钮下方。我用过这个。如您所见,该按钮位于柱状图的顶部。 HTML

希望有人知道一个简单的解决方案。

检查文档

更新您的
向下搜索

   drilldown: {
      drillUpButton: {
        relativeTo: 'spacingBox',
        position: {
          y: 0,
          x: 0
        }
      },
      series: []
    }
$(函数(){
//创建图表
$(“#容器”)。高图({
图表:{
键入:“列”,
活动:{
向下展开:函数(e){
如果(!e.系列选项){
var钻取={
“动物”:{
名字:'猫',
颜色:“#fa7921”,
深入研究:“猫”,
数据:[
['2014', 10],
['2015', 10],
['2016', 15],
]
}
},
向下钻取2={
“动物”:{
名字:“奶牛”,
颜色:“#9bc53d”,
数据:[
['2014', 13],
['2015', 15],
['2016', 15]
]
}
},
向下钻取3={
“动物”:{
名字:'羊',
颜色:“#e55934”,
数据:[
['2014', 13],
['2015', 15],
['2016', 15]
]
}
};
此.addSingleSeriesAsDrilldown(e.point,drilldown[e.point.name]);
此.addSingleSeriesAddressDown(e.point,drilldowns2[e.point.name]);
此.addSingleSeriesAddressDown(e.point,drilldowns3[e.point.name]);
this.applyDrilldown();
}
}
}
},
标题:{
文本:“异步向下展开”
},
xAxis:{
类型:“类别”
},
图例:{
已启用:false
},
打印选项:{
系列:{
堆叠:“正常”,
边框宽度:0,
数据标签:{
已启用:true
}
}
},
系列:[{
名字:'猫',
颜色:“#fa7921”,
数据:[{
名称:“动物”,
y:5,
深入调查:正确
}]
}, {
名字:“奶牛”,
颜色:“#9bc53d”,
数据:[{
名称:“动物”,
y:5,
深入调查:正确
}]
}, {
名字:'羊',
颜色:“#e55934”,
数据:[{
名称:“动物”,
y:5,
深入调查:正确
}]
}],
向下展开:{
钻孔按钮:{
relativeTo:'spacingBox',
职位:{
y:0,
x:0
}
},
系列:[]
}
});
});

深入查看事件中更新图表的
marginTop

        this.update({
          chart: {
            marginTop: 50
          }
        }, false);
      this.update({
        chart: {
          marginTop: 10
        }
      }, false);
并在
drillup
事件中还原它:

        this.update({
          chart: {
            marginTop: 50
          }
        }, false);
      this.update({
        chart: {
          marginTop: 10
        }
      }, false);
现场演示:


请注意,
update()
的第二个参数是
false
——这里不需要重新绘制图表。

您好,Deep 3015,再次感谢您的回复。我发现我的例子并不完整。没有标题,因此图表向上移动。请参阅我的完整示例,并对其进行调整。在chart params check Tanks中再次添加
marginTop:50,
,但我只想要向下钻柱的边距,而不是第一个图表。谢谢,这正是我要找的!!