在chart.js中，阶梯式折线图的x轴是固定的。例如，当x小于2，y是10，x在2和10之间，y是20，x大于10，y是5时，我想要显示。
我怎样才能用chart.js做到这一点？
浏览 7提问于2021-04-05得票数 0
我使用下列库创建了一个折线图：我的图形包含Y轴上的17个刻度线。虽然有多种选项可用于修改图表，但我很难弄清楚如何将Y轴上的刻度线数量从17减少到大约5或7，以使标签在chart.js中看起来不那么杂乱。
浏览 6提问于2016-05-24得票数 0
我有一个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绘制它。
[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
1回答
使用chart.js，我想要在图形区域内绘制y轴。
因此，与其在画布区域左(或右)绘制图，还不如在里面绘制y轴值，如下所示：
浏览 0提问于2017-07-07得票数 0
回答已采纳
1回答
避免在Y轴上漂浮
、、
如何避免漂浮在Y轴上？
备注：我不想使用Math.round，因为它打破了轴线。维克斯有类似于CHART.js precision的东西吗？
浏览 12提问于2021-10-05得票数 1
我使用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
无法弄清楚如何使用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
回答已采纳
使用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在网页上显示折线图，它显示了过去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
回答已采纳
使用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，我想为我的数据设置自定义的日期格式。我该怎么做呢？
例如，下面是我的x轴日期配置：
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
time: {
displayFormats: {
浏览 24提问于2017-03-14得票数 2
回答已采纳
我有一个chart.js图，如下所示： ? 我要做的是移除y轴的这个计数器： ? 我通读了文档，并在Stack Overflow上搜索了它，但我似乎找不到我要找的东西。 提前谢谢你。
浏览 76提问于2021-02-08得票数 0
回答已采纳
我有需要显示的动态数据。但面临的问题是数据量大，需要在Y轴上显示。是否有一种方法可以使图表垂直滚动，以便能够看到完整显示的数据，与少量数据相同？
我用的是角，14.1.0 PrimeNG 14.0.0，chart.js 3.8.2
浏览 6提问于2022-08-08得票数 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
我在使用chart.js Y轴标签时遇到问题。我有以下数据。
var data = {
labels: ["1","2","3","4","5"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightF
浏览 2提问于2015-12-08得票数 4
回答已采纳
使用Chart.js，我希望在y轴上只显示两个标签(或滴答)：值的最大值和最小值。这些值都是浮点数。
我不确定回调函数yAxis.ticks.callback是否适合这样做。
浏览 4提问于2017-08-21得票数 6
回答已采纳
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
我在这里使用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
我正在创建具有两个y轴的折线图。其中一个轴有两个数据集，但都在0-100的范围内运行。数字越大越好。第二个y轴的范围通常较小(通常为个位数)，最佳结果为1。
如何反转第二个y轴，使1位于图表顶部？
(我将尝试自己找到解决方案，但在chart.js的5k+ lines，这可能需要一段时间)
谢谢^_^
浏览 3提问于2015-11-09得票数 18
回答已采纳
1回答
R/python用户，新的javascript。我试图做一些我认为是简单的事情，一个基本的时间序列图表使用图表-js在反应。
我似乎无法使轴正常工作，这可能是一个非常基本的错误，但我似乎找不到任何关于如何在react中这样做的文档。我的示例适用于经常使用的html/js，但不适用于react？反应图-2的医生都是赤裸的。
我想要一个线图，其中X轴缩放到日期(我的数据是不均匀的时间序列数据)。我认为你需要时间去做这件事，但我得到的只是叠加在1点上的数据(正确的y值，但x值对于所有值都是零)。
我已经在中提供了一个指向最小示例的链接，它是基于中的react中的示例。
App.tsx
import
浏览 1提问于2022-01-19得票数 4
回答已采纳
我在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
回答已采纳
目前使用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
回答已采纳
我在自定义XYChart上的y轴有问题。Y轴是一个NumberAxis，我将刻度标签格式化工具设置为自定义格式化工具。自动范围已关闭。当我更改图表的上限并请求轴布局时，旧标签仍保留在图表上。使用调试日志记录，我可以看到自定义格式化程序方法正在被调用，并且它们返回了正确的字符串，但是图表上的刻度标签没有更新。唯一更新的是之前不在轴上的那些。例如，如果y轴的范围是0到3，然后我将上限从3更改为5，则具有正确值的新标签将显示在索引4和5处。但是，0到3的标签不会更新，即使自定义格式化程序现在为它们返回不同的字符串。
当我更改y轴的上限时，我尝试将自定义格式化程序从等式中删除，并简单地将刻度标签填充更
浏览 0提问于2013-08-24得票数 0
在气泡图中可以在y轴上有一个类别刻度吗？我正在尝试创建一个气泡图，其中y轴->星期几，x轴->时间，格式为"hh:mm a“。(仅因为Chart.js仅允许在x轴上使用时间刻度)。请建议我如何更改此问题，以便对更多人更有帮助。
<body><canvas id="bubble" width="400" height="400"></canvas></body>
<script>
$(function() {
Chart.defaults.global.def
浏览 0提问于2016-07-04得票数 6
2回答
我有以下图表：
我希望字母在我的y轴，所以我增加了一个开关，在我的图表选项，以触发适当的字母为y轴的值。我的问题是y轴只显示偶数，因此在开关值的一半(xc、B、A+等)中返回。但是我想显示y轴上的所有值，0到13。有什么方法可以做到这一点吗？我们真的很感激你的帮助。
var data = {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oc
浏览 2提问于2016-06-09得票数 4
回答已采纳
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实现？如果是，哪里可以找到关于它的文档？
浏览 15提问于2021-09-23得票数 0
回答已采纳
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
回答已采纳
2回答
我使用的是Chart.js 2.6。我有一个图表，我在其中添加了自定义分页以遍历数据集，因为它非常大。我的分页和一切都运行得很好，我只需获取集合中的下一块数据并用新的数据对象更新chart.config.data，然后在图表上调用.update()。但是，为了使图表有意义，我需要在用户分页时保持左侧(Y轴)的缩放比例不变。通常，Chart.js会根据图表中的数据重新构建它，但我希望它始终反映相同的值。
我已经将图表的yAxes对象上的max值设置为我的数据集中的最大值。我还将beginAtZero选项设置为true，并将maxTicksLimit设置为10。然而，即使我的Yaxis保持不变，它
浏览 24提问于2017-07-03得票数 6
回答已采纳
我想做一个MATLAB绘图，它有刻度标签，但在x轴上没有刻度线，但在y轴上有刻度线。我该怎么做呢？
我不能用
set(gca,'XTick',[])
因为这将删除刻度标签。我也不能用
set(gca,'TickLength',[0 0])
因为这将删除y轴上的刻度线。
浏览 0提问于2014-10-10得票数 8
在Chart.js 2中，我生成了一个散点图，其中x坐标是纪元时间戳，y坐标是整数。我想知道是否有一种方法可以格式化图表的x轴标签，以便以人类可读的格式显示日期。
更新:目前我正在从Unix时间戳构建我的图表，单位是毫秒。此原型的其他部分使用Date类的toDateString方法格式化这些日期(例如，2016年8月5日)。
浏览 12提问于2016-08-05得票数 8
回答已采纳
2回答
我想要一个在x轴上有一个对数刻度和一个“正常”y轴的图。
我得到了一个图，但我在y轴上看到了一个奇怪的东西，我搞不懂。
breaks <- 10^(-10:10)
minor_breaks <- rep(1:9, 21)*(10^rep(-10:10, each=9))
ggplot(mtcars, aes(mpg, disp)) +
geom_line(size = 1, color = "blue") +
scale_x_log10(breaks = breaks, minor_breaks = minor_breaks, limits = c(0.1,
浏览 8提问于2019-11-11得票数 1
回答已采纳
我试着在highcharts中设置自定义y轴，我有两位数和超过6位数的数据计数，我已经根据我的需要设置了y轴tickPosition，如0,50,500,5000,50000,500000。但我希望网格之间的间距相等。 My Result Highcharts.chart('container', {
title: {
text: 'Custom tick positions'
},
subtitle: {
text: 'through axis.tickPositions and axis.
浏览 29提问于2019-01-28得票数 0
回答已采纳
默认情况下，JSXGraph的面板在背景中使用网格呈现。当我使用选项axis: false实例化它时，网格消失了，但是轴标签和刻度线也消失了。
像这样摆弄JXG.Options似乎没什么用：
JXG.Options.grid.strokeColor = '#ff0000';
JXG.Options.grid.strokeOpacity = 0;
指出，grid板选项实际上并不会关闭网格，只是使其在缩放时表现不同。
基本上，像这样制作棋盘会关闭轴的刻度和Y轴的栅格：
var board = JXG.JSXGraph.initBoard(id, {
axis: true,
浏览 10提问于2018-08-29得票数 1
回答已采纳
使用Chart.js，我试图让x轴(和toolips)显示日期，但我所能得到的只是显示为x轴标签的大整数。我已经比较了文档中的示例所做的事情，但我看不出它在做什么，而我没有看到它在做什么。有人能帮忙吗？
下面是我创建的一个很小的例子，显示它不起作用。(顺便说一句，注意如果红线的颜色是红色而不是红色，这条线看起来很正常，但是工具提示不再适用于这一行)
javascript for the above plunker example is below
----------------------------------------------------
<!DOCTYPE html>
浏览 4提问于2016-10-03得票数 0
回答已采纳
我正在尝试使用Chart.js生成一个条形图，在x轴上显示月份名称，在y轴上显示价格值，其中我希望显示省略号或"_“，表示空值或空值，而不是空格。 请帮助我使用chart.js编写示例代码
浏览 44提问于2020-12-02得票数 0
1回答
我想知道是否有人知道如何使轴上的标签可点击。现在，我的轴生成如下：
// Add an x-axis with label.
svg.append("g")
.attr("id", "xaxis")
.attr("class", "x axis")
.attr("transform", "translate(" + (margin.left + margin.left_padding) + "," + h
浏览 0提问于2013-06-25得票数 7
回答已采纳
1回答
我正在用C3js绘制这张图表
图1。
在y轴上，我有
y:
tick:
values: [
0
0.05
0.10
]
format: d3.format('%')
当第一个条的值小于10%时，y轴上的10%标记将不会显示，:(。我意识到图表的内容决定了y轴的高度。
当我的值超过10%时，y轴上的标记就会显示出来。
图2。
这不是我想要的那种行为，我想让y轴固定，并且独立于条形的值上。我已经尝试过从顶部填充，它看起来真的很难看，我也尝试给它一个固定的高度，也没有工作。看起
浏览 3提问于2015-09-04得票数 0
回答已采纳
我是matplotlib的新手，因为我的x轴，我正在努力绘制折线图。
我有3个列表：
x=[01-01-2018,02-01-2018,03-01-2018]
y1=[10,12,9]
y2=[7,9,1]
我期待着在x轴上绘制一张两条线的图表，设置日期：
我期待着使用子图来做这件事，以便按我喜欢的方式定制图形。
为了做到这一点，我尝试了：
ax1=plt.subplot2grid((1,1),(0,0))
ax1.plot(x,y1,label='test1')
ax1.plot(x,y2,label='test2')
plt.show()
但是，它会
浏览 0提问于2018-03-07得票数 0
我正在用创建chart.js。我的x轴是基于时间的，显示月份。
每个“月列”都应该是可点击/可选的，但我无法找到一种方法来管理它。方法，比如getElementAtEvent()返回数据，这样我就可以知道选择哪个月了。但是，只有当用户单击某个点，而不是“列”中的任何位置时，它们才能工作。
我怎么能这么做？还是已经有一个插件了？
浏览 2提问于2017-03-27得票数 3
回答已采纳
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
1回答
我希望在高图表中有特定的点间隔。
我有一个通过率图表，在Y轴上显示通过率百分比。但是我想改变y轴的点。
请参考这把小提琴。
这是一个小的代码片段yAxis：{标题：{文本：'PassCount‘}，
min: 0,
max:100,
minTickInterval:10
},
浏览 1提问于2013-10-10得票数 0
回答已采纳
在Visiblox图表中使用Y轴的LinearAxis时，我希望强制轴使用给定数量的主要刻度线，同时仍然让工具包自动计算轴范围和刻度线位置。例如，我可能有一个主Y轴和一个次要Y轴，并且我希望这两个轴使用相同数量的主刻度，以便它们的水平网格线重叠。这个是可能的吗？
浏览 4提问于2011-07-22得票数 5
在Matplotlib中，日志图为小滴答生成不需要的y轴刻度标签.我尝试了这个代码，它指定(主要)y轴滴答为1,1.2,1.4,1.6，并期望任何y轴小滴答都没有标签。
# imports
import numpy as np
from matplotlib import pyplot as plt
# data
x = np.linspace(0,4,31)
y1 = 1.7 - 0.3*x
y1min = y1-0.05
y1max = y1+0.05
# ticks
yticks = [1,1.2,1.4,1.6]
yticklabels = [str(yt) for yt in y
浏览 4提问于2022-11-27得票数 0
下面的代码得到一个从8到18的x轴。x轴的数据实际上是从1,000到5,000万。我期望对数刻度显示(10,000)、(100,000)、(1,000,000) (10,000,000)等。 如何修复x轴？ dataset = pandas.DataFrame(Transactions, Price)
dataset = dataset.drop_duplicates()
import numpy as np
import matplotlib.pyplot as plt
X=dataset[['Transactions']]
y=dataset[['Price&
浏览 9提问于2020-07-06得票数 0
2回答
我正在创建一个基于DC.JS的仪表板，但想弄清楚如何隐藏条形图的y轴上的所有文本以及x轴上的文本样式。
谢谢
浏览 7提问于2014-03-17得票数 5
我使用Jfreechart来显示线graph.Now，在X轴上，它显示chart.As上每个(x，y)对的值，结果X轴有大量的值重叠。我想显示一些值，例如每5个单位或类似that.How的东西，这可以使用jfreechart。
浏览 0提问于2012-05-25得票数 3
如何才能在线性vs线性图上仅在y轴上旋转小刻度？
当我使用函数minor_ticks_on打开次要刻度时，它们同时出现在x轴和y轴上。
浏览 0提问于2012-10-03得票数 91
回答已采纳
我第一次尝试chart.js。它具有显示或隐藏垂直或水平网格线(即scaleShowHorizontalLines: true/false或scaleShowVerticalLines: true/false )的选项。但它不会在实际的x轴或y轴上绘制网格线。如何绘制x轴或y轴的网格线？
浏览 3提问于2015-10-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
