当我使用样式属性为chart div (Chart.js 2.9.4)设置高度时，HorizontalBar图表显示在画布下方
当使用样式属性为chart div设置高度时，HorizontalBar图表显示在画布下方的原因可能是由于样式属性设置不正确或者Chart.js版本的问题。
首先，确保样式属性设置正确。在设置高度时，应该使用合适的单位，例如像素（px）或百分比（%）。确保chart div元素的高度足够容纳整个图表。
其次，检查Chart.js版本是否为2.9.4或更高版本。较旧的版本可能存在一些已知的问题，可能会导致图表显示不正确。如果是较旧的版本，建议升级到最新版本。
另外，可以尝试使用Chart.js提供的配置选项来调整图表的位置和大小。通过调整图表的边距（margin）和填充（padding）等属性，可以控制图表在画布中的位置和大小。
如果问题仍然存在，可以参考Chart.js官方文档或社区论坛，寻求更多关于HorizontalBar图表显示问题的解决方案。在文档中，可以找到关于图表配置、样式设置和常见问题的详细说明和示例。
以下是腾讯云提供的一些相关产品和产品介绍链接地址，可以用于开发和部署云计算相关应用：
- 云服务器（CVM）：提供弹性、可靠的云服务器实例，适用于各种计算场景。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供稳定可靠的云数据库服务，支持高性能、高可用的MySQL数据库。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。 产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上链接仅为示例，具体的产品选择应根据实际需求和情况进行评估和选择。
相关·内容
如果我使用图表div的样式属性设置高度图表是这样的(图表显示在画布下面)：<code>A2</code>
<code>A3</
浏览 16提问于2020-11-18得票数 1
回答已采纳
3回答
角图中的水平条形图
、、、、
我已经成功地在角图it中创建了一个条形图，但是现在我想将它转换为水平条形图。此外，我希望将字段放置在水平条本身内： angular.module("app", ["chart.js"]) }
//ses all of
浏览 7提问于2015-11-10得票数 3
回答已采纳
1回答
图表js -自定义图表
、、、
我正在试着编辑图表，但我做不到。我想把画布的高度更改为固定的高度。图表总是以1156 867 867开头。我也需要改变每个酒吧的高度。var ctx = document.getElementById("chart");
var myChart = new Chart(ctx, {type: &#x
浏览 2提问于2017-05-29得票数 0
我使用的是Chart.js版本2.8，所以不确定它是在这个版本中还是一个常见的问题。我的图表一开始加载正常，但随后页面刷新，当我将鼠标悬停在任何一个图表上(有4个)时，可以看到重复的图表。
浏览 15提问于2019-06-05得票数 0
14回答
在()中，我发布了一个关于使用Graph.js库绘制图形的问题。现在的问题是，如果我多次调用该函数来绘制图形，画布每次都会调整大小。每次将图形重新绘制到同一画布时，其大小也会发生变化。我也尝试了设置画布的大小，但没有成功。
可能的原因是什么？为什么画布每次都会调整大小？
浏览 270提问于2013-11-08得票数 92
回答已采纳
1回答
当页面加载时，图表不会显示。
、、、、
我面临的问题，在加载图表的角度11，图表没有得到显示时，页面被加载，但它是显示当我们点击一些标签“学生计数”。我在html页面中使用画布显示图表。我使用的是chart.js版本2.9.4<div style="height:250px;">
<canvas id=
浏览 2提问于2021-12-24得票数 -1
12回答
我想用Chart.js绘制一个水平条形图，但它一直在缩放图表，而不是使用我在脚本中为画布指定的高度。HTML <div class="chart-legend">
</div<
浏览 490提问于2017-01-31得票数 196
回答已采纳
12回答
我在一个页面上有几个图表(来自chart.js)，但我无法成功地使它们响应，尽管：我能得到的最好的响应显示是放大画布的宽度和高度，但桌面版本的图表显示的是整个屏幕。
浏览 16提问于2017-02-20得票数 23
回答已采纳
1回答
当我尝试使用angular-chart框架时，我可以看到我定义的系列，但看不到标签和数据。我在我的index.html中包含了以下三个文件<script src="bower_components&
浏览 0提问于2015-07-16得票数 0
1回答
我正在用Ionic语言构建一个应用程序，它从API中获取数据并显示在水平图表上。但是数据的数量不是默认的，那么有时图表的高度是不够的。和<div class="chart-container" >
浏览 0提问于2018-05-16得票数 1
回答已采纳
2回答
如何改变甜甜圈图中标签的位置？
、、、、
var ctx=document.getElementById('mycanvas').getContext('2d'); tooltips: { bodyFontSize: 25 } });
在这里，我想显示标签右边的图表在一个垂直的位置
浏览 7提问于2017-11-01得票数 1
回答已采纳
4回答
我正在使用chart.js 2.3.0绘制图形。我想使图形的高度保持静态(例如，200 of )，但也希望将宽度设置为100%。我看到的一个解决办法是：在图表选项中。但这样做后，宽度也会减少。有最好的办法吗？
静态高度和100%宽度。
浏览 9提问于2016-10-26得票数 16
回答已采纳
我在chart.js中遇到了这个问题，我有一个关于特定报告的图表。当我将页面切换到包含chartjs元素的另一个页面并切换回来时，图表在图表数据点上显示数据标签为"x: number，y: number“。读了一点之后，我相信这是因为当我切换回原来的图表时，画布没有被正确地重置。我找到的使用clear()或destroy()命令的修复示例引用了图
浏览 0提问于2020-09-30得票数 0
1回答
我正在使用aurelia插件的图表js，并有一个动态的甜甜圈图表。我已经将图表的responsive设置为false，因为我希望它在所有屏幕/设备大小中都保持固定的宽度和高度。然而，我不能让图表居中，因为画布元素溢出了它的容器。如果我在画布上设置了最大宽度，element...it会保持图表居中，但通过挤压甜甜圈来完全扭曲它。请参阅图片：
这是一个大屏幕
浏览 3提问于2017-11-03得票数 2
11回答
我正在尝试用Charts.js绘制一个图表(当前的一个只是我正在尝试使用的一个非常简单的示例，有点取自Chart.js文档)，但该图表不能缩放到我给出的画布的大小。这是所有相关的代码。要导入它，请执行以下操作：
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js&q
浏览 15提问于2016-07-22得票数 65
2回答
我有这样的代码，由于某种原因，当我调整窗口的大小时，它会增长，但不会缩小。我在想怎么补救这个问题。LineDemo";
fontFamily: "sans-serif",};
<div<td style={{ border: "solid" }}>{el}</td> <
浏览 2提问于2019-08-07得票数 5
回答已采纳
6回答
我使用的Chart.js有一个简单的线条图，但是Chart.js计算的宽度和高度属性似乎是基于父元素的总宽度和高度，忽略了填充。 width:100%;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.1.1/Chart.j
浏览 7提问于2015-01-27得票数 28
回答已采纳
我正在尝试用Chart.js库获得一个图表。这个图表的最大值是16。然而，默认的图表似乎要到20 ，或者只是从16舍入到20。是否有办法使16达到图表的最大高度(而不是画布的大小)。我在chart.js上读过很多伟大的文档，我只是找不到一条专门针对最大高度的规则！谢谢!当我将数据的最大值设置为4时，图表上的最高点是4。然而，<e
浏览 3提问于2016-02-17得票数 0
回答已采纳
3回答
我有问题，以使chart.js线图，以响应的高度和宽度。beginAtZero: true, }] }; var chart= new Chart(ctx, { type: 'line', options: options
浏览 3提问于2017-08-03得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
