我有一个chart.js线图，其中Y值是从0到100的百分比，X轴代表过去一分钟的时间(秒)。图表使用来自套接字连接的实时数据填充，该套接字连接每5秒更新一次。
在chart.js动态生成Y轴步骤时，我遇到了一个问题。在大多数情况下，一切都是伟大的，Y轴的尺度根据目前正在显示的数据范围。但是，当百分比为0%或介于0到1之间时(例如，.654% )，Y轴将显示最小值0和最大值1%。因此，这个图表是误导的，因为这个百分比似乎是高的，而实际上是不足1%。
因此，我的问题是:如何为沿Y轴显示的最大值设置最小值？
(现在，在您跳到结论并删除关于stepSize属性的一行之前，我尝试将stepS
浏览 6提问于2016-11-29得票数 2
回答已采纳
我有一个Chart.js 2.9.4图表，它有time X轴(显示日期)。我使用的示例代码：
var data = {
datasets: [{
label: "dataset1",
lineTension: 0,
fill: false,
backgroundColor: '#43dea6',
borderColor: '#43dea6',
data: [{t:"2021-03-30T00:00:00",y:6},{t:"2021-04-01T00:00:0
浏览 4提问于2021-09-22得票数 0
回答已采纳
我在Chart.js中有一个数据集，我想用两个刻度显示它-一个刻度带绝对数，一个刻度刻度带百分比。为此，我需要在第二个轴中使用第一个Y轴的最大值(然后我可以使用afterDataLimits处理它)。有没有一种方法可以在不使用某种隐藏的第二个数据集的情况下做到这一点？
scales: {
yAxes: [{
id: 'y-primary',
display: true,
ticks: {
beginAtZero: true
}
},
{
id: 'y-secondary',
display:
浏览 3提问于2021-02-09得票数 0
我正在使用Chart.js (版本3.x)开发一个简单的画布，它只是显示了价格的演变。X轴表示时间，Y轴表示进化百分比。我已经做到了这一点，但现在，我想补充一点风格。
我的目标是在标记点和X轴之间增加一些空间。
我使用了chart.js 来帮助我，但我没有找到任何我想要的工作方式。
下面是我拥有的和相关代码：
const ctx = document.getElementById('priceEvolutionChart');
const priceEvolutionChart = new Chart(ctx, {
type: 'line',
data:
浏览 1提问于2021-06-02得票数 2
回答已采纳
我有一个纪元时间戳列表，我想用chart.js绘制它。
[1432317109519, 1432318109519, 1432319109519, ...]
分组作为数据提供给chart.js，即每次是Y轴上的一个单位：
[{
x: 1432317109519,
y: 1
},{
x: 1432318109519,
y: 1
},{
x: 1432319109519,
y: 1
}]
我尝试让chart.js将每个时间戳舍入到最近的月份：
chartOptions = {
type: 'line',
scales: {
x
浏览 10提问于2021-09-30得票数 0
我有一个有很多点要画的线状图
我希望x轴可以滚动。
我已经看过很少的了，但是他们提供了图表js的旧版本的解决方案。
有在chart.js版本2中获得可滚动x轴的选项吗？
和
如何在chart.js版本2中获得y轴的内容宽度？
如果没有获得滚动x轴的直接选项，我可以复制Y轴区域的内容，并在其他画布中绘制图像。
浏览 5提问于2016-06-29得票数 3
4回答
图表库建议请求
、、
我必须找到一个能够创建图表的库，就像图片中的那个。我试过Chart.js和AnyChart，但它们似乎无法处理下面的图表。
场景是:客户拥有车辆，他希望在图表上看到车辆活动百分比。Y轴是从早上6点到晚上7点之间的一个小时，X轴是一周中最高的几天，“工作”状态相对于“点火”和“无点火”状态所占的百分比。列必须堆叠，相同数据类型的多个数据必须放在同一栏中。
例如:星期一上午六时至上午八时四十分，点火时间(但无感官工作数据)由上午八时四十分至下午十二时五十分，点火时间为下午十二时五十分至下午三时，而工作时间则为下午三时至七时。
Chart.js的问题是它不能处理值范围，而且我不能为同一天添加多个相同
浏览 0提问于2020-05-22得票数 2
回答已采纳
我正在尝试使用Chart.js生成一个条形图，在x轴上显示月份名称，在y轴上显示价格值，其中我希望显示省略号或"_“，表示空值或空值，而不是空格。 请帮助我使用chart.js编写示例代码
浏览 44提问于2020-12-02得票数 0
1回答
假设我有一个这样的折线图：
HTML：
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>
JS：
var ctx = document.getElementById("myChart");
var yLabels = [0, 2, 3
浏览 4提问于2016-10-25得票数 6
1回答
我是chart.js的新手，我需要在y轴上创建一个带有标签的折线图。网上有很多在x轴上有标签的例子，但我需要的是一个在y轴上有标签，x轴上有数字的折线图？
浏览 4提问于2020-04-20得票数 0
在chart.js中，阶梯式折线图的x轴是固定的。例如，当x小于2，y是10，x在2和10之间，y是20，x大于10，y是5时，我想要显示。
我怎样才能用chart.js做到这一点？
浏览 7提问于2021-04-05得票数 0
我第一次尝试chart.js。它具有显示或隐藏垂直或水平网格线(即scaleShowHorizontalLines: true/false或scaleShowVerticalLines: true/false )的选项。但它不会在实际的x轴或y轴上绘制网格线。如何绘制x轴或y轴的网格线？
浏览 3提问于2015-10-09得票数 1
1回答
使用chart.js，我想要在图形区域内绘制y轴。
因此，与其在画布区域左(或右)绘制图，还不如在里面绘制y轴值，如下所示：
浏览 0提问于2017-07-07得票数 0
回答已采纳
我有一个使用ng2- chart.js模块的图表。该图表显示y轴上的百分比和x轴上的时间。是否可以将y轴设置为显示0到100而不是基于数据的动态范围？
浏览 26提问于2018-08-21得票数 8
根据"“的Chart.js 版本2.3，只能为Y轴上的蜱(”水平比例尺“)设置一个垫子：
填充在刻度标签和轴之间的填充号\10\填充。注:只适用于水平尺度。。
这就像一种魅力：
scales: {
yAxes: [{
ticks: {
padding: 20,
}
}],
xAxes: [{
ticks: {
// how to set padding here?
}
}]
}
但是草稿说，我也需要在X轴上填充一些东西。
如
浏览 8提问于2016-11-09得票数 5
2回答
谁能给我演示一下Chart.js 2.6+用来计算条形图中Y轴的数学逻辑？我已经创建了一个分页功能，允许我在具有大量柱状图的条形图中分页。它工作得很好，除了我需要在图表的数据集发生变化时Y轴保持不变。
为此，我获取图表的数据并创建其子集，例如前20条记录，并将其作为数据对象提供给图表。但是，为了使Y轴固定，我采用完整数据集中的最大值，并将其作为图表中yAxes对象的ticks中的max值提供，如下所示。
yAxes: [{
ticks: {
max:value_i_determine_here
}
}]
这是可行的，但并不完美，因为Chart.js有时会
浏览 5提问于2017-07-20得票数 3
回答已采纳
我有一个使用chart.js制作的工作图，默认情况下Y轴在左侧，但我希望Y轴数据在两侧
我知道我可以通过以下方式改变立场：
yAxes: [{
position: 'right'
}]
但我希望两边都有相同的Y轴数据。你知道怎么做吗？
谢谢你的帮助。
浏览 1提问于2016-12-02得票数 14
我想使用chart.js来绘制使用websockets在html webapp上接收的数据的实时图，接收的值为Y轴，接收时间(秒)为X轴。
浏览 4提问于2015-12-09得票数 1
我在Angular中使用了ng2图表和chart.js，特别是折线图。我将图表选项设置如下 我将display属性设置为auto，以便仅当呈现到y轴的数据映射时才显示y轴。然而，当编译angular应用程序时，我得到了一个错误 错误字符串:类型‘TS2322’不能赋值给类型'boolean‘。 我查看了chart.js文档，它说display属性可以是布尔值或字符串，'Auto‘是一个可接受的值。 如果chart.js支持显示属性的字符串，为什么我会得到编译错误？ import {ChartDataSets, ChartData, ChartOptions} from
浏览 17提问于2019-10-08得票数 0
回答已采纳
我使用Chart.js绘制一个散乱的线条图，它运行得很好。对于渲染算法，我需要找出y轴上显示的最高值，所以假设数据集中的“最大”点y= 248，所以y轴显示250为最大值。我要找出是250。
我试图在运行时检查图表对象，如下所示：
lineChart.options.scales[0].ticks.??
但是，我似乎只能找到我通过编程方式设置的设置。
此外，查看全面的Chart.js文档也没有为我指出解决方案。
有什么建议可以计算出这个值吗？
浏览 0提问于2016-12-18得票数 7
回答已采纳
有一种方法可以为y轴创建两个标签。但是如何在chart.js中制作多个x轴标签呢？例:如图中所示：
浏览 8提问于2017-03-21得票数 23
回答已采纳
我正试着做一张如图所示的图表。主要的问题是我无法用chart.js制作这种图表。可以用chart.js制作这个图表吗？我有两个数据集，第一个是收入值，第二个是费用值。所以我必须把收入值放在0-X轴上，费用放在0-x轴以下。差别将显示在那条线图上。
到目前为止，我尝试的是：
var chart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['January', 'February', 'March', 'April', 'May', '
浏览 6提问于2020-08-18得票数 0
回答已采纳
1回答
Chart.js面
、、、
在chart.js中是否有任何插件或配置选项来创建分面图表？
我需要使用chart.js创建分面图表。图面图在多个图表之间共享X和/或Y轴。(请参阅附件中的图像)，它是许多设计可视化问题的一个非常常见的解决方案，但在chart.js中却没有。
Chart.js V3添加了，它可能用于在chart.js中创建分面图表。
刻面图的例子
浏览 7提问于2022-08-12得票数 0
回答已采纳
1回答
我使用的是chart.js，我想为我的数据设置自定义的日期格式。我该怎么做呢？
例如，下面是我的x轴日期配置：
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
time: {
displayFormats: {
浏览 24提问于2017-03-14得票数 2
回答已采纳
1回答
我想知道Chart.js是否可以做到这一点。我还没能弄明白。 基本上，我想要一个水平条形图，其中时间在X轴上，条形图的数据是开始日期/时间和结束日期/时间，这样条形图就“浮动”，而不是锚定在图表的左侧。条形图将从开始时间开始，在结束时间结束，如x轴上所示。 另外，我需要y轴标签在水平条的内部。 Chart.js是否支持此用例？有没有人有示例代码？谢谢!
浏览 37提问于2021-04-08得票数 0
我需要在我的Chart.js线图的Y轴上创建“向上”和“低”标记。我似乎找不到现成的方法来做这件事。任何人都可以帮助我如何编写一个插件来实现这样的目标？(参见沿70和50 Y轴的水平红线。
浏览 1提问于2016-07-07得票数 0
回答已采纳
我正在使用Chart.js，我想管理我的Y轴.它应该是这样的：
间隔应该是15个步骤，并且应该始终显示最大值- 45 (即使来自X轴的数据也较少)。
我正在尝试这样做：
options: {
scales: {
yAxes: [{
display: true,
ticks: {
maxTicksLimit: 45,
stepSize: 15,
}
}]
},
}
它不适用于我:间隔不是15，而是2，最大
浏览 7提问于2022-11-11得票数 0
我试图用重新创建这样的东西：
左y轴代表货币，右y轴是基于目标(绿线)的百分比。
所以在这个例子中，目标是$20000 (100%)，所以正确的y轴需要对齐。
我设法得到了这个，但正如您所看到的，显示百分比的右y轴与实际数据没有“对齐”。
设置轴的格式不是问题：
var percFormatter = function(val, axis) {
return (val * 100).toFixed() + '%';
}
但是，如何使一个系列相对于两个轴呢？
浏览 6提问于2012-10-29得票数 5
我正在使用Dojo Charts创建一些折线图，这就是图表的外观。
此id chartData: 0,0,0,0,65,223
当我使用Chart.js创建图形时，它的呈现方式如下所示
忽略x轴和其他东西，如果我们看y轴，这些值在chart.js中是四舍五入的，与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项？
浏览 1提问于2015-07-22得票数 0
我需要使用一个序列中Y轴的百分比和绝对值。
在highchart 中有一些例子，但它使用了两个不同的序列。例如，我需要Y轴上数值直到1000，而另一个Y轴上的值显示商品系列的百分比。
浏览 2提问于2012-11-07得票数 4
回答已采纳
1回答
如何在Chart.js v2中将°C添加到Y轴？这些值由Chart.js库自动生成。
这是我的密码：
var chartInstance = new Chart(ctx, {
type: 'bar',
data: data,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:false
浏览 3提问于2016-09-15得票数 2
回答已采纳
嗨，我在做天使图。在这里，呈现的图表的数据在date format ("dd-mm-yyyy")中，来自date，我必须获取year并在图表中显示它。但我不确定，如何得到，只有从提供的数据year。在图表中，x轴代表特定年份的份额，y轴代表百分比.在发布的图片中，您可以看到y轴上的一个红色框，它显示了完整的date，而我只想在y轴上显示年份。请帮帮我。
html：
<html>
<head>
<title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ang
浏览 1提问于2017-02-07得票数 0
回答已采纳
1回答
我很难让chart.js在时间轴上运行。
我有以下简化代码：
<html>
<head>
<!--
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"></script>
-->
<script src="https://cdn.jsdelivr.net/npm/moment"></script>
<s
浏览 7提问于2021-06-29得票数 1
回答已采纳
我只想让x轴在y=0处显示在我的条形图上，也就是下面所示的绿色线。
我应该使用什么chart.js/chartkick配置来实现这一点？还是我必须直接策划？如果是的话，我如何做到这一点？
目前，我有以下chart.js配置，它删除了所有行，包括所需的x轴。
library: {
scales: {
yAxes: [{
ticks: {
display: false,
},
gridLines: {
display: false
浏览 4提问于2021-03-31得票数 1
回答已采纳
我试图用ggplot2绘制一个直方图，其中y轴上有百分比，x轴上有数值。
我的数据和脚本示例如下(如下所示)，并继续进行大约100,000行(或更多)。
A B
0.2 x
1 y
0.995 x
0.5 x
0.5 x
0.2 y
ggplot(data, aes(A, colour=B)) + geom_bar() +stat_bin(breaks=seq(0,1, by=0.05)) + scale_y_continuous(labels = percent)
我想知道B值分布在A值的每个桶中的百分比，而不是每个A值中B值的数目。
现在的代码给我一个y轴，其中y
浏览 2提问于2013-09-19得票数 0
回答已采纳
我以前有过巧妙的经验，现在我正在用Chart.js尝试类似的图表。我可以巧妙地设置yaxis_type="log"，它将自动缩放Y轴的值。我正在尝试gto做类似的事情在chart.js，但无法达到预期的输出。
我的chart.js输出看起来像
Y轴从0开始，直接跳转到20000，所以很难看到前三行。我希望根据这些数值进行相应的调整。
我的JS代码：
<script type="text/javascript">
var ctx = document.getElementById('myChart');
var myChart =
浏览 0提问于2020-07-19得票数 0
回答已采纳
1回答
? 我正在尝试绘制一个如屏幕截图所示的图表，并且我想使用现有的图表fw (如chart.js )将y轴移动到x轴的中心。做了一个搜索，但没有找到任何答案。Chart
浏览 13提问于2019-07-01得票数 0
我正在创建具有两个y轴的折线图。其中一个轴有两个数据集，但都在0-100的范围内运行。数字越大越好。第二个y轴的范围通常较小(通常为个位数)，最佳结果为1。
如何反转第二个y轴，使1位于图表顶部？
(我将尝试自己找到解决方案，但在chart.js的5k+ lines，这可能需要一段时间)
谢谢^_^
浏览 3提问于2015-11-09得票数 18
回答已采纳
1回答
我在chart.js中有一个问题，我有一个带y轴的直线图，它是整数型，x轴是时间型，以小时为单位。我有一个包含10个数据点的数据集。
现在我只想要最后三个小时的总和。我知道，如何总结所有这些，但不选择特定的，而不需要编写一些大的代码。
那么，在chart.js或moment.js中有什么简单的解决方案吗？
谢谢。
浏览 1提问于2018-02-07得票数 0
回答已采纳
无法弄清楚如何使用NG2图表标记y轴。文档似乎只有关于标记x轴的信息，直接使用charts.js方法没有任何结果。
表单component.ts：
public barChartOptions = {
scaleShowVerticalLines: false,
maintainAspectRatio: false,
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Frequency Rate'
}}]
//responsive
浏览 6提问于2019-07-11得票数 7
回答已采纳
我有一个日期和值的映射(K，V)，我希望使用chart.js将它们显示在条形图中。日期在x轴上，计数/数字在y轴上。日期是零散的，所以我想隐藏所有没有值的日期(即count = 0)。换句话说，我只关心显示包含数据的日期。 我对chart.js比较陌生，所以我尝试了一些比例图表选项，但没有找到关于所有选项都要配置的很好的文档。
浏览 32提问于2019-04-08得票数 0
1回答
我正在创建一个应用程序，您可以在其中创建流程图(图表)。然后我分析这个算法，我正在用Chart.js创建一个图表，其中x轴是输入的数量/输入的大小，y轴是程序所采取的步骤数。我需要在Chart.js中绘制以下数学函数：
f(x) = x, f(x) = x^2, f(x) = x*log(x).
这就是我要画的算法的复杂性..。顺便说一下，我正在使用typescript。有可能吗？
浏览 4提问于2016-10-17得票数 8
回答已采纳
1回答
我有一组这样的数据； Station;Species;
CamA;SpeciesA
CamA;SpeciesB
CamB;SpeciesA 等等。 我想创建一个累积柱状图，相机站在x轴上，并添加每个物种的百分比。我已经尝试了以下代码； ggplot(data=data, aes(x=Station, y=Species, fill = Species))+ geom_col(position="stack") + theme(axis.text.x =element_text(angle=90)) + labs (x="Cameras", y= NULL
浏览 205提问于2020-08-09得票数 0
我在我的站点的几个页面上使用Chart.js ()显示不同的图表
为了简化这些图表的添加和修改，我在脚本中添加了行，以配置与基本选项不同的Chart.js
Chart.defaults.scale.gridLines.display = true
Chart.defaults.scale.gridLines.drawBorder = true
Chart.defaults.scale.gridLines.color = '#f5f5f5'
Chart.defaults.global.legend.display = true;
Chart.defaults.global.
浏览 5提问于2020-02-19得票数 1
回答已采纳
如何从图表中仅删除y轴，我使用的是Chart.js 1.0.2版，并尝试使用以下代码删除。
var ctx = document.getElementById("canvas").getContext("2d"); window.myLine = new Chart(ctx).Line(lineChartData, { scales: { yAxes: [{ display: false }]}, re
浏览 28提问于2016-12-21得票数 0
我正试图用Chart.js 2.0创建一个双Y轴.我在文档中看到，AddData和Chart.js 1.0一样工作。但是当我在浏览器上运行时，我会得到消息"xxxxxxxx.AddData不是一个函数“。
如果能帮上忙，这就是我正在使用的 (我找不到chart.js 2库的url作为资源文件，这应该是画布保持黑色的原因)
浏览 2提问于2015-07-06得票数 2
回答已采纳
1回答
当绘制文本语料库中某些单词的条件频率分布时，y轴显示为计数，而不是百分比 我遵循Steven Bird，Ewan Klein和Edward Loper在"Natural Language Processing with Python“中概述的代码，以显示不同语言的UDHR在Jupyter Notebook中的单词频率分布。 from nltk.corpus import udhr
languages = ['Chickasaw', 'English', 'German_Deutsch', 'Greenlandic_Inuktik
浏览 23提问于2019-04-01得票数 2
回答已采纳
假设(unixTime，值)点的几个独立的时间序列。例如，CarSpeed和CarRemainingFuel。我想要创建一个多轴图(Y1轴用于CarSpeed，Y2轴用于CarRemainingFuel)。类似的问题不包括“时间”型x轴的情况。
下面是一个时间序列图的工作示例。它需要对多轴情况进行扩展。
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.js"></script>
<script src="https://cdnjs.cloudf
浏览 3提问于2021-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
