python调整图表的宽度_chart.js怎么图表设置实际大小

本文探讨了如何在网页中使用Chart.js绘制图表时,添加viewport属性导致的图表固定大小问题,以及不加viewport时图表自适应的解决方案。作者寻求解决不改变图表尺寸,确保图表在不同设备上正确缩放的方法,包括可能的canvas大小设置和动态调整技巧。
摘要由CSDN通过智能技术生成

var data = {

labels: ["MON", "TUS", "WED", "THU", "FRI", "SAT","SUN"],

datasets: [{

// lineItemName: "test1",

fillColor: 'rgba(238,90,133,0.7)',

strokeColor: "rgb(238,90,133)",

pointColor: "#5b5956",

pointStrokeColor: "#a54d65",

data: [50, 38, 20, 40, 58, 50 ,40]

},

]

};

var chartLine = null;

window.onload = function() {

var ctx = document.getElementById("myChart").getContext("2d");

chartLine = new Chart(ctx).Line(data, {

scaleOverride: true, //是否用硬编码重写y轴网格线

scaleSteps: 3, //y轴刻度的个数

scaleStepWidth: 20, //y轴每个刻度的宽度

scaleStartValue: 0, //y轴的起始值

pointDot: true, //是否显示点

pointDotRadius: 3, //点的半径

pointDotStrokeWidth: 2, //点的线宽

datasetStrokeWidth: 1, //数据线的线宽

animation: true, //是否有动画效果

animationSteps: 60 ,//动画的步数

scaleLineWidth : 1,

// Y/X轴的颜色

scaleLineColor : '#686665',

scaleGridLineColor : "#686665",

scaleFontSize : 12,

scaleFontColor : "#fff",

});

}

=================================================================

问题就是,加了viewport那行,图表就不缩放了,始终是固定大小,不加那行,就是自适应大小。这怎么搞?也没有对canvas实际内容设置大小的地方。给myChart动态设置宽高也根本不管用,求解求解!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值