HTML chartjs如何自适应屏幕,关于chartjs表格的大小问题

我创建出来的表格总是和自定义的canvas大小无关呢

//html

//js(这就是官网的示例)

var ctx = $('#chartTest')[0].getContext('2d');

var chart = new Chart(ctx,{

type: 'bar',

data: {

labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],

datasets: [{

label: '# of Votes',

data: [12, 19, 3, 5, 2, 3],

backgroundColor: [

'rgba(255, 99, 132, 0.2)',

'rgba(54, 162, 235, 0.2)',

'rgba(255, 206, 86, 0.2)',

'rgba(75, 192, 192, 0.2)',

'rgba(153, 102, 255, 0.2)',

'rgba(255, 159, 64, 0.2)'

borderColor: [

'rgba(255,99,132,1)',

'rgba(54, 162, 235, 1)',

'rgba(255, 206, 86, 1)',

'rgba(75, 192, 192, 1)',

'rgba(153, 102, 255, 1)',

'rgba(255, 159, 64, 1)'

borderWidth: 1

}]

options: {

scales: {

yAxes: [{

ticks: {

beginAtZero:true

}

}]

}

})

图表显示了，但属性却是这样的：

canvas的宽高和我自定义的完全无关呢

请问哪里出错了吗

HTML chartjs如何自适应屏幕,关于chartjs表格的大小问题相关推荐

wordpress自适应表格_给WordPress添加自适应表格让表格自适应屏幕
wordpress自带的表格不能自适应屏幕宽带,每次新建了表格,电脑上显示正常的,结果换到手机上就超出屏幕宽度了,很麻烦,更重要的是很不美观,本次我就问为大家带来一个添加自适应表格的教程. 案列分析 ...
html 页面自适应table,HTML页面自适应宽度的table表格
这篇文章主要介绍了HTML页面自适应宽度的table(表格),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 WEB应用的页面,表 ...
【iOS-cocos2d-X 游戏开发之十六】Cocos2dx编译后的Android自动使用(-hd)高清图设置自适应屏幕...
本篇主要介绍Cocos2dx项目开发过程中或者说项目务必遇到的一些知识点(ps.貌似Himi博客写的都是务必的 :tx: Himi认为写别人没写的才更容易吸引人不是-) OK,不多说废话,第一个介绍 ...
解决 android 高低版本 webView 里内容自适应屏幕的终极方法
解决 android 高低版本 webView 里内容自适应屏幕的终极方法参考文章: (1)解决 android 高低版本 webView 里内容自适应屏幕的终极方法 (2)https://ww ...
Android webView 支持缩放及自适应屏幕
1 //支持javascript 2 web.getSettings().setJavaScriptEnabled(true); 3 // 设置可以支持缩放 4 web.getSettings().s ...
小程序富文本自适应屏幕_自适应文本：跨屏幕尺寸构建可读文本
小程序富文本自适应屏幕 Many of you may already know about responsive web design. Cited from Wikipedia, respons ...
[css] 怎么让body高度自适应屏幕？为什么？
[css] 怎么让body高度自适应屏幕?为什么? 为何只设置body{height:100%}不行? height:100%是相对于父元素来说的,如果只设置body的高度属性,由于其父元素是html ...
html自动适应屏幕分辨率,css如何自适应屏幕大小？
css如何自适应屏幕大小?下面本篇文章给大家介绍一下使用CSS实现屏幕大小自适应的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css如何自适应屏幕大小? 要想实现css屏幕 ...
字体大小自适应屏幕分辨率 CSS解决方案
字体大小自适应屏幕分辨率 CSS解决方案参考文章: (1)字体大小自适应屏幕分辨率 CSS解决方案 (2)https://www.cnblogs.com/love0618/p/4020752.htm ...

HTML chartjs如何自适应屏幕,关于chartjs表格的大小问题

HTML chartjs如何自适应屏幕,关于chartjs表格的大小问题相关推荐

最新文章

热门文章