Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js:调整窗口大小时遇到问题_Javascript_Jquery_Charts_Chart.js - Fatal编程技术网

Javascript Chart.js:调整窗口大小时遇到问题

Javascript Chart.js:调整窗口大小时遇到问题,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,使用这段代码,当我拖动窗口时,我的图表会调整大小,但当我按下windows上的最大化按钮或mac上的全屏按钮时,图表不会调整大小。这只是一个chart.js问题吗?这是我调整图表大小的JS /--绘制图表--- $(文档).ready(函数(){ var-ctx=null; chart=null; var宽度=0; var screenWidth=$(窗口).width(); setTimeout(函数(){ 宽度=$(“##图表”).parent().width(); $('图表').att

使用这段代码,当我拖动窗口时,我的图表会调整大小,但当我按下windows上的最大化按钮或mac上的全屏按钮时,图表不会调整大小。这只是一个chart.js问题吗?这是我调整图表大小的JS

/--绘制图表---
$(文档).ready(函数(){
var-ctx=null;
chart=null;
var宽度=0;
var screenWidth=$(窗口).width();
setTimeout(函数(){
宽度=$(“##图表”).parent().width();
$('图表').attr(“宽度”,宽度-30);
ctx=$(“##图表”).get(0.getContext(“2d”);
图表=新图表(ctx).Bar(数据、选项);
//---调整大小---
$(窗口)。调整大小(函数(){
var newScreenWidth=$(window.width();
if(屏幕宽度!=新闻屏幕宽度){
宽度=$(“##图表”).parent().width();
$(“##图表”)。替换为(“”);
$('图表').attr(“宽度”,宽度-30);
ctx=$(“##图表”).get(0.getContext(“2d”);
图表=新图表(ctx).Bar(数据、选项);
}
});

},500);
我在chart.js上从未遇到过调整大小的问题,您不需要订阅调整大小事件,因为调整大小已经由chart.js根据画布容器的大小进行处理。使用此mac浏览工作中的chart.js网站时,您是否遇到过此问题

发件人:

如果浏览器改变大小,Chart.js将调整图表的大小,并为该大小提供完美的缩放粒度


顺便说一句,请看一下您的控制台,
$(“##图表”)
不是有效的jQuery选择器,应该会产生错误。我不知道你发布的代码如何工作。

谢谢你的评论。我不知道为什么,但当我没有调整大小功能时,chart.js不会为我调整大小。也许他们在我们第一次使用它时就进行了更新。这很奇怪,因为这个确切的功能在n其他页面。双重原因是我们正在使用cold fusion。好吧,我不知道cold fusion,如果您设法在JSFIDLE中隔离您的问题,我们可以看到发生了什么。您还可以使用最新版本的chart.js检查您是否仍然存在此问题。