Twitter bootstrap HighCharts-如何动态设置边距?
我想将我的highcharts图表放入我的引导网格中,以便它与其他内容很好地匹配 整体应如下所示: Col-1 Col-10 Col-1 X轴标签 图表绘图区 2.轴标签 Col-1 Col-10 Col-1Twitter bootstrap HighCharts-如何动态设置边距?,twitter-bootstrap,highcharts,Twitter Bootstrap,Highcharts,我想将我的highcharts图表放入我的引导网格中,以便它与其他内容很好地匹配 整体应如下所示: Col-1 Col-10 Col-1 X轴标签 图表绘图区 2.轴标签 Col-1 Col-10 Col-1 与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/.col-1): Highcharts.chart('container'{ 图表:{ 键入:“列”, marginLeft:65/与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉
与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/
.col-1
):
Highcharts.chart('container'{
图表:{
键入:“列”,
marginLeft:65/与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/.col-1
):
Highcharts.chart('container'{
图表:{
键入:“列”,
marginLeft:65/您可以根据某个百分比值动态计算和设置边距,例如:
chart: {
...,
events: {
render: function() {
if (allowChartUpdate) {
var dynamicMargin = this.chartWidth * 8.333333 / 100;
allowChartUpdate = false;
this.update({
chart: {
marginLeft: dynamicMargin,
marginRight: dynamicMargin
}
}, true, true, false);
allowChartUpdate = true;
}
}
}
}
现场演示:
API参考:您可以根据某个百分比值动态计算和设置边距,例如:
chart: {
...,
events: {
render: function() {
if (allowChartUpdate) {
var dynamicMargin = this.chartWidth * 8.333333 / 100;
allowChartUpdate = false;
this.update({
chart: {
marginLeft: dynamicMargin,
marginRight: dynamicMargin
}
}, true, true, false);
allowChartUpdate = true;
}
}
}
}
现场演示:
API参考:一个出色的解决方案!谢谢。问题是固定的第一列需要灵活。欢迎:)highcarts似乎只允许设置一个像素值,因此它需要固定,或者。如果没有设置marginLeft,col-1
需要设置样式以匹配图表默认动态边距的自动宽度。可能还有另一个图表库允许这样做?这是一个出色的解决方案!谢谢。问题是固定的firs需要灵活的t列。不客气:)highcarts似乎只允许设置一个像素值,因此它需要固定,或者。如果没有设置marginLeft,col-1
需要设置样式以匹配图表默认动态边距的自动宽度。可能还有另一个图表库允许这样做?谢谢!我以前从未注意到事件部分哎呀!我以前从来没注意过活动区