Highchart-调整窗口大小后重新绘制图表
Highchart - Redraw Chart after Window is resized
在我的网页上是用Highchart绘制的图表。现在,如果我调整整个窗口的大小,我希望这个图表调整它的大小(尤其是宽度)。代码看起来类似于此:
window.onresize=function(){resized();}
function resized()
{
$("#container").highcharts().redraw();
}
如果我覆盖重绘事件(用类似"alert("resize");"的东西),我会得到一个结果,因此应该调用该方法,但图表不会改变其大小。我还尝试用手动设置图表大小
$("#container").highcharts().setSize(width, height, false);
但这两种方式都不起作用。还有其他解决方案吗?
您是否尝试过以这种方式编写代码,以便在窗口调整时自动处理图表调整大小。
// create the chart
var chart = Highcharts.chart('container', {
chart: {
events: {
redraw: function () {
var label = this.renderer.label('The chart was just redrawn', 100, 120)
.attr({
fill: Highcharts.getOptions().colors[0],
padding: 10,
r: 5,
zIndex: 8
})
.css({
color: '#FFFFFF'
})
.add();
setTimeout(function () {
label.fadeOut();
}, 1000);
}
}
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
相关文章:
- 使用新参数通过服务器端处理重新绘制引导数据表
- 在新窗口中打开时,未在画布中绘制图像
- 如何在BIRT报告中绘制或绘制自定义设计的图表
- 在新框架上绘制图像,同时仍然使用P5.js中的利萨茹曲线
- 将许多新图像绘制到画布时内存泄漏
- 有没有一种好方法可以添加新框并使用 javascript 重新绘制画布
- 谷歌地图多边形 - 添加新点后重新绘制
- 需要使用新数据重新绘制地图(与CartoDB.js结合使用)
- 替换“绘制”上绘制的几何图形
- 使用单击功能绘制新的动态JS多边形
- HTML5 画布 - 使用剪辑擦除新圆圈后重新绘制新圆圈
- 使用数据表(Meteor Tabular)在新行中绘制数组的每个元素
- 将json中的数据合并到一个新的数组中,并使用d3.js绘制形状
- 如何加载新图像并将其绘制到画布上
- HTML画布”;源顶”;以仅绘制先前绘制的形状
- 谷歌地图v3方向渲染器重新绘制响应
- 地图绘制-动态绘制多边形
- 绘制新形状时删除DrawingManager形状
- 画布从daturl绘制新图像
- 在JavaScript俄罗斯方块中绘制新的方块