在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 2.3.0绘制一个水平条形图-
var MeSeContext = document.getElementById("MeSeStatusCanvas").getContext("2d");
var MeSeData = {
labels: [
"ME",
"SE"
],
datasets: [
{
label: "Test"
浏览 0提问于2016-10-26得票数 12
回答已采纳
我使用Chartkick和Chart.js来可视化两行的数据集，但是，只显示x轴上的第一个刻度
我已经尝试按照chart.js文档将选项传递给dataset，这表明我不希望刻度自动跳过。
<%= line_chart [
{ name: "Successes", data: @successful_requests },
{ name: "Errors", data: @error_requests }
],
dataset:{
scaleShowValues: true,
scales: {
浏览 5提问于2019-08-30得票数 1
我和aurelia，chart.js和moment.js有麻烦。
实际上，我在其他类中分别使用了moment.js和chart.js，它可以很好地工作。尽管如此，如果我尝试使用chart.js时间刻度特性在x刻度上绘制一个带有时间维度的图，我会得到这个错误：
[Warning] Unhandled rejection Error: Chart.js - Moment.js could not be found! You must include it before Chart.js to use the time scale. Download at https://momentjs.com
浏览 2提问于2017-02-01得票数 0
3回答
我对CHART.JS的图形有问题。当我把时间间隔为2年时，几个月的标签会重叠。我想要所有的标签都出现，时间间隔并不重要。
var g = new Chart(ctx, {
type: 'bar',
data: {
labels: labelsHeader,
datasets: listData,
},
options:{
maintainAspectRatio: false,
}
});
浏览 0提问于2019-07-24得票数 1
回答已采纳
无法弄清楚如何使用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
回答已采纳
我使用下列库创建了一个折线图：我的图形包含Y轴上的17个刻度线。虽然有多种选项可用于修改图表，但我很难弄清楚如何将Y轴上的刻度线数量从17减少到大约5或7，以使标签在chart.js中看起来不那么杂乱。
浏览 6提问于2016-05-24得票数 0
我有一个chart.js图，如下所示： ? 我要做的是移除y轴的这个计数器： ? 我通读了文档，并在Stack Overflow上搜索了它，但我似乎找不到我要找的东西。 提前谢谢你。
浏览 76提问于2021-02-08得票数 0
回答已采纳
我在做雷达图，我只想显示最后的刻度线。
我找到了一篇可以帮助我的文章：，但不幸的是，答案已经不起作用了( jsfiddle链接没有显示任何东西)。
我阅读了关于chart.js选项的部分gridLines文档，然后对这段代码进行了一些测试/更改:没有任何结果的常规雷达图表，有人知道如何调整吗？
谢谢!
2：enter code here
浏览 1提问于2017-03-24得票数 0
回答已采纳
我最近从Chart.js v2升级到了v3。我正在用一个基于时间的x轴绘制实时折线图，它随着时间的推移而滚动。 在Chart.js v3中，当我的x轴记号标签开始接近图表的左边缘时，它会调整图表大小以适合完整的标签。如附图所示，这在我的图表左侧创建了一个空的间隙。在Chart.js v2中，它不会调整图形大小，而是允许标签溢出画布。 ? 我的x轴选项是： {
type: 'time',
axis: 'x',
min: minDate.getTime(),
max: maxDate.getTime()
time: {},
tick
浏览 11提问于2021-08-31得票数 0
我试图使用解析: false来显示图形，但是数据根本没有显示。表示，如果禁用解析，这是一种内部格式。
{
type: 'line',
options: {
parsing: false,
animation: false,
pointRadius: 0,
normalized: true,
spanGaps: false,
scales: {
x: {
浏览 7提问于2022-11-28得票数 0
2回答
enter image description here 这个图表基本上是显示个人贷款信息。 我不知道如何使用chart.js制作此图表，我无法给出代码，因为我的代码不足以表示此图表。
浏览 36提问于2019-10-16得票数 0
我正在尝试使用Chart.js在网页上显示折线图，它显示了过去5天内特定客户端在苹果商店和谷歌play商店的下载量。数据可以正确显示，但不能正确标记X轴：
var downloadsChartData = {
labels: ["4 Days", "3 Days", "2 Days", "Yesterday", "Today"],
datasets: [{
label: "Google Play",
fill: false,
lineT
浏览 3提问于2017-02-27得票数 0
回答已采纳
1回答
有没有办法将chart.js规模限制为单个数字？下面的数据只能是整数，所以显示为小数位是没有意义的。
谢谢
浏览 0提问于2014-03-03得票数 3
1回答
我正在使用chart.js库，我有一个问题。我希望年份轴从0开始。现在它从负值开始(在我的例子中是-50)。
现在是这样来的-
我想要的-
我在尝试什么-
var config = {
type: 'bar',
data: {
labels: ["Year 0", "Year 1", "Year 2", "Year 3", "Year 4", "Year 5", "Year 6"],
datasets: [{
typ
浏览 2提问于2017-03-24得票数 3
回答已采纳
我有一个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
回答已采纳
1回答
使用chart.js，我想要在图形区域内绘制y轴。
因此，与其在画布区域左(或右)绘制图，还不如在里面绘制y轴值，如下所示：
浏览 0提问于2017-07-07得票数 0
回答已采纳
目前使用papaparse 5.1和chart.js 3.5.1一起显示X轴上的15分钟间隔。这在chart.js的v2中是有效的，但是现在它将不再在图表上显示csv的'Time‘值。相反，它显示的是0,2,4,6,8，等等。 Time,8/18/2021,8/19/2021,8/20/2021
0:00,172202,160823,126604
0:15,170955,159931,123954
0:30,170269,159414,121677 看一下'return value.toLocaleString();‘，我想我这里有什么问题吗？ https://imgur.c
浏览 23提问于2021-08-23得票数 1
回答已采纳
2回答
我使用的是Chart.js 2.6。我有一个图表，我在其中添加了自定义分页以遍历数据集，因为它非常大。我的分页和一切都运行得很好，我只需获取集合中的下一块数据并用新的数据对象更新chart.config.data，然后在图表上调用.update()。但是，为了使图表有意义，我需要在用户分页时保持左侧(Y轴)的缩放比例不变。通常，Chart.js会根据图表中的数据重新构建它，但我希望它始终反映相同的值。
我已经将图表的yAxes对象上的max值设置为我的数据集中的最大值。我还将beginAtZero选项设置为true，并将maxTicksLimit设置为10。然而，即使我的Yaxis保持不变，它
浏览 24提问于2017-07-03得票数 6
回答已采纳
2回答
我想画一张货币汇率的线性图表。有些时候市场上没有利率(节假日)。我想从图表中删除这些天，但没有丑陋的差距或与利率的日子之间的直线。
您可以在此图表中看到一个示例：
在5月3日，没有数据，图表被链接，缺少的日期从图例中删除。
如何使用Chart.js获得这样的效果？
浏览 1提问于2017-05-09得票数 0
目标是构建雷达图，每个轴都有自己的比例(最小和最大值)。有没有可能通过chart.js实现？如果是，哪里可以找到关于它的文档？
浏览 15提问于2021-09-23得票数 0
回答已采纳
1回答
图表未居中
、、、、
当我的图表中没有加载任何数据时，它会完全居中并包含在它的元素中，但是当图表有数据时，图表会向右移动并变得更小 我的图表选项： options: {
responsive: false,
maintainAspectRatio: false,
barRoundness: 1,
scaleShowValues: true,
scales: {
xAxes: [
{
barThickness: 6,
stacked: true,
ticks: {
浏览 11提问于2019-03-11得票数 0
首先，如果我的问题与其他问题略有相同，我向您道歉。我搜索了一个解决方案，找到了3个类似的问题，但它们都不适用于我的情况，因为我找到的示例使用了Chart.js v1。
我看到了一个使用scaleLabel中的函数来格式化数字的示例，如下所示：
var options = {
animation: false,
scaleLabel: function(label){
return '$' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
浏览 3提问于2016-06-04得票数 0
我正在用创建chart.js。我的x轴是基于时间的，显示月份。
每个“月列”都应该是可点击/可选的，但我无法找到一种方法来管理它。方法，比如getElementAtEvent()返回数据，这样我就可以知道选择哪个月了。但是，只有当用户单击某个点，而不是“列”中的任何位置时，它们才能工作。
我怎么能这么做？还是已经有一个插件了？
浏览 2提问于2017-03-27得票数 3
回答已采纳
1回答
我有一个后端的数据(烧瓶-sqlalchemy和mysql)，其中的数据包含周、月和年的整数日期，如下所示：
在这种情况下，x代表一年中的一周：
let month_true = [
{
bob: {
"base-certificate": 60,
"case-certificate": 1,
"standard-certificate": 7,
},
x: 9,
},
{
bob: {
"base-certificate": 30,
浏览 5提问于2022-06-16得票数 0
我正在尝试使用chart.js创建多行时间序列图。问题是每条线的数据点可能不具有相同的间隔，例如。一条线可以有间隔为5秒的点。并且另一条线可以具有间隔为10秒的点。
有没有人能建议我怎么做。
通过查看，可以更正确地理解上面的用例。
浏览 0提问于2015-07-06得票数 8
使用Chart.js，我绘制了一个散点图。图表上的点总是在一个轴上。目前，我正在使用以下选项和数据：
public scatterChartLabels:string[] = ['Experiencing', 'Ideation', 'Thinking', 'Evaluation'];
public scatterChartData = [
{
x: 0,
y: localStorage.getItem('col1')
}, {
x: localStorage.
浏览 1提问于2018-11-06得票数 0
回答已采纳
我正在尝试使用Chart.js重构一个旧的Flex应用程序，我想复制这个线性/对数轴。注意yAxis上干净的最小间距。
这是我的Chart.js代码。
var mtbsoData = [];
var mtbsoLables = [];
for (let i = 0; i <= 10; i++) {
mtbsoData.push(i * i * i * i);
mtbsoLables.push(i.toString());
}
var ctxMtbso = do
浏览 0提问于2018-06-21得票数 3
使用Chart.js 2.6试图将图形配置为有网格线，但Y轴上没有标签。下面是我的配置选项：
var wowOptions = {
scaleBeginAtZero: false,
responsive: true,
maintainAspectRatio: false,
scaleStartValue: -50,
legend: {
display: false
},
scales: {
xAxes: [{
display: true,
gridLines:
浏览 2提问于2017-06-16得票数 3
回答已采纳
1回答
我使用最新的Chart.js 2.9.3。我在主要代码中尝试了以下代码：
var ctx = document.getElementById('chart').getContext('2d');
var chart = new Chart(ctx, {
type: 'horizontalBar',
data: {
datasets: [{
barPercentage: 0.2,
浏览 4提问于2020-05-14得票数 1
回答已采纳
1回答
我使用的是chart.js，我想为我的数据设置自定义的日期格式。我该怎么做呢？
例如，下面是我的x轴日期配置：
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
time: {
displayFormats: {
浏览 24提问于2017-03-14得票数 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
2回答
使用 with和，我想要添加水平网格线。数据范围是100到200..
我想每10个单元有一条水平的网格线。
<script src="https://cdnout.com/jquery/"></script>
<script src="https://cdnout.com/Chart.js/Chart.bundle.min.js"></script>
<script src="http://lib.arvancloud.com/ar/chartkick/2.3.0/chartkick.min.js&#
浏览 9提问于2021-10-30得票数 1
回答已采纳
我有需要显示的动态数据。但面临的问题是数据量大，需要在Y轴上显示。是否有一种方法可以使图表垂直滚动，以便能够看到完整显示的数据，与少量数据相同？
我用的是角，14.1.0 PrimeNG 14.0.0，chart.js 3.8.2
浏览 6提问于2022-08-08得票数 0
1回答
我正在使用NG2图表来生成一个图表。我希望y轴从0开始。我使用: 1.scaleBeginAtZero: true 2.eginAtZero: true
两种方法都不起作用。在我的package.json文件中，chartsjs和ng2-charts的版本如下："chart.js"："^2.7.1"，"ng2-charts"："^1.6.0“
浏览 5提问于2018-07-26得票数 1
我正试着用react chart.js-2制作一个条形图。我刚刚注意到，所有条形图示例都是从数据的最小数量开始的，而不是0。
下面的例子是，条形图从40开始，而不是0。我想要做的是从0开始制作一个条形图，而不是数据的最小数量。
是否可以使用react chart.js 2使其生效？
下面是代码(主要是官方示例中的代码)
import React from 'react';
import {Bar} from 'react-chartjs-2';
import 'chartjs-plugin-datalabels';
const da
浏览 3提问于2017-09-28得票数 5
回答已采纳
1回答
避免在Y轴上漂浮
、、
如何避免漂浮在Y轴上？
备注：我不想使用Math.round，因为它打破了轴线。维克斯有类似于CHART.js precision的东西吗？
浏览 12提问于2021-10-05得票数 1
我在这里使用chart.js尝试重新创建这个图表：
我遇到的问题是让y轴从20步进到1。这可能吗？
barChartOptions: ChartOptions = {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
ticks: {
reverse: true,
min: 1,
max: 20
}
}]
}
};
不幸的是，reverse: true属性不能解决这个问题，因为它也翻转了整个数据。
浏览 3提问于2020-05-27得票数 0
我对ChartJS有一个问题:我需要在我的项目中使用极坐标图，我必须用PDF显示这个图形。
我也需要显示没有悬停的工具提示。问题是，这些工具提示是每个数据的中心。我想在图表之外找到这个特定的。我对Chart.js做了很多修改，现在我有了：
不幸的是，当标签很长时，显示就不太好：
我的方法不好。是否有人已设法将工具提示显示在圆圈之外？
浏览 1提问于2015-07-03得票数 0
2回答
我想在嵌入式项目中使用chart.js库。今天我使用的是Chart.min.js文件，在最新的(2.7.2)版本中，它大约有150KB，但是这个文件占用了我系统的所有空间。
实际上，我只是在使用这个库的折线图。是否可以删除所有不需要的模块以减少文件占用空间？
谢谢你的回答，克里斯
浏览 2提问于2018-03-09得票数 2
1回答
我有一个用Chart.js在canvas中创建的图表，我想根据一些文本动态地更改yAxes，这行不起作用，我是不是漏掉了什么？
myChart.options.scales.yAxes.scaleLabel.labelString = "Test";
浏览 0提问于2017-03-09得票数 0
回答已采纳
1回答
最近过得怎样？我对chart.js有一个问题，Y轴没有很好的反应。我有2条，1条值3，另一条条值1。当我有这些数据时，Y轴非常奇怪：
但是，当我有另一个值大于5的条形图时，这个图工作得很完美。
也许我可以通过指定最小值，例如，Y轴上的8来解决它，如果我没有超过5的条，但我没有找到任何窍门。
谢谢你的帮助！
编辑：
这是代码：
<div ng-show="showChartData" >
<canvas class="chart chart-bar" id="bar" height="70px;&#
浏览 1提问于2017-09-06得票数 0
我这里有一段很好的代码，在这里我从一个名为test.csv的外部文件中加载数据。在我尝试更新chart.js库链接之前，一切都很好。有人能告诉我为什么这段代码不适用于更多最新版本的chart.js吗？我想要更新它，以便我可以安装插件，让您显示图表的价值。或者，一些代码将促进这一点，也会工作得很好！感谢你的帮助！
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<
浏览 1提问于2021-08-11得票数 1
回答已采纳
1回答
我正在尝试使用Chartjs构建React ChartsJS实时数据流我设法将画布渲染到页面上，但由于某些原因，我仍然不能像实时折线图数据那样移动，我不确定是否需要在ChartsJS页面中嵌入任何内容。我安装了这些包：chart.js，"chartjs-adapter-luxon": "^1.1.0，"chartjs-plugin-streaming": "^2.0.0"，我希望有人能帮助我！ import React from "react";
import { Line } from "react-cha
浏览 22提问于2021-10-25得票数 1
回答已采纳
我有一个应用程序，正在从一个服务生成一些巴特图。我的客户添加了一个额外的图表来显示范围(最小、最大和平均)。我想知道他们是不是可以使用chart.js来实现这一点。我浏览了他们的文档，但没有找到任何关于如何实现这一点的示例或文档。有没有其他人遇到过这种情况，或者有他们喜欢的不同的库？ ?
浏览 42提问于2019-04-30得票数 2
回答已采纳
我在Ruby on Rails中使用chartkick和chart.js。我看到了文档和一些问题，但我找不到任何东西来解决我的问题。
我在html.erb文件中设置图表，如下所示：
<%=
line_chart $hash_chart,
options: {
max: $value.max+5,
min: $value.min-5,
allowDecimals: false,
colors: color_line,
xtitle: "Ti
浏览 31提问于2021-05-28得票数 0
回答已采纳
2回答
从右到左绘制水平条形图
、、、
我正在Chart.js中创建一个水平条形图，您可以看到。
我想要改变图表的方向，使它从右到左绘制。我尝试了dir = rtl和CSS direction=rtl，但它们都不起作用。
这就是我想要的：
浏览 0提问于2020-03-23得票数 3
回答已采纳
我使用的是Chart.js版本2.8，所以不确定它是在这个版本中还是一个常见的问题。我的图表一开始加载正常，但随后页面刷新，当我将鼠标悬停在任何一个图表上(有4个)时，可以看到重复的图表。副本如下所示： ? 我不确定该尝试什么，也不知道从哪里开始寻找导致这种情况的原因。我试过搜索类似的案例，但似乎没有人有这个问题。任何建议都将不胜感激。
浏览 15提问于2019-06-05得票数 0
1回答
当我像这样扩展我的比例时的当前行为
determineDataLimits: function () {
var min = Math.min.apply(null, this.chart.data.datasets[0].data)
console.log(this)
console.log(defaultConfigObject)
Chart.options.scales.rightSide.ticks.min = function () {
minValue + 5
return minValue
}
this.
浏览 0提问于2018-08-27得票数 1
我的注释设置为：
annotation: {
events: ["onClick"],
annotations: [{
drawTime: "afterDraw" as "afterDraw",
type: "box" as "box",
xMin: "2 Sep",
xMax: "4 Sep",
yMin: 0,
yMax: 50,
backgroundColor: "green",
borde
浏览 5提问于2020-10-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
