腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
Chart.js中可滚动的x轴
、
、
我想使用Chart.js库在我的网站上绘制图表,但我打算向图表提供大量的数据(>1,000)。但是,当我将数据提供给chart.js折线图时,该图表不是可滚动的,而是将这些值一起推送到一起,从而使该图表不可读。有没有办法让chart.js折线图可以在x轴上滚动?
浏览 6
提问于2014-07-18
得票数 7
1
回答
Chart.js支持的点的限制
、
、
我有一个有50.850个点的向量要在折线图类型中绘制。我正在使用chart.js在图形中显示所有这些点,但它没有绘制出来。有人知道chart.js可以显示的点的极限吗?
浏览 25
提问于2021-06-25
得票数 1
回答已采纳
8
回答
Chart.js v2 -隐藏网格线
、
我正在使用Chart.js v2绘制一个简单的折线图。一切看起来都很好,除了有一些我不想要的网格线: 折线图的文档在这里:,但是我找不到任何关于隐藏这些“网格线”的东西。 如何删除网格线?
浏览 435
提问于2016-04-17
得票数 194
回答已采纳
3
回答
chart.js图上的重叠线
、
我想知道是否有可能在chart.js图的顶部覆盖一条线,例如折线图?例如,在x轴上,将在图表中值为20处绘制一条水平线。
浏览 0
提问于2015-01-22
得票数 7
回答已采纳
1
回答
用Chart.js绘制折线图
、
我想用chart.js绘制折线图 我可以绘制折线图,但希望在'Y‘轴上显示用户定义的值。即。如果我在Y轴上有一些值,即2,那么我想在2的下方和上方添加一些数据。 我有一些我想创造的形象。 在上面图片中,我有一些平均值,所以我想在平均值的上下加上+1s,+2s和+3s。 帮我个忙。谢谢
浏览 0
提问于2016-03-30
得票数 0
3
回答
折线图在Chart.js中的第一个点之前绘制
、
我在试着画一个线条加条形图。每当我尝试绘制折线图时(我尝试只绘制折线图,同样的错误),在第一个点之前绘制一条线: 这是我第一次尝试Chart.js 2.0,我画的其他图表看起来都很棒,除了这个...有什么想法吗? 代码: function Data() { $scope.barChartData = { labels: $scope.mesesLabels, datasets: [ { type: 'bar', label: "" +
浏览 3
提问于2016-07-28
得票数 0
1
回答
如何在Chart.js中将y轴上的数据集添加到x轴上的标签?
、
我正在使用Chart.js绘制一个简单的折线图。 我有下面的折线图数据,可以很好地工作。三个数据值映射到三个标签。 var lineChartData = { labels : ["January","February","March"], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)",
浏览 0
提问于2014-06-21
得票数 1
1
回答
在8系列500+点上Chart.js速度极慢
、
我正在尝试用chart.js绘制8个系列的折线图,但初始绘制、通过单击图例打开/关闭seria和/或向系列添加一些点都非常慢。有时需要10秒。我是否在选项中遗漏了一些神奇的“加速属性”,或者这是正常的? 实际上,我需要实时绘制和更新大约10个系列,每个2000个点,这可能与一些合理的更新时间? 这是我正在使用的示例:
浏览 0
提问于2019-06-01
得票数 0
1
回答
使用ChartJS绘制垂直线图
我在使用ChartJS应用程序接口时遇到了一个问题,因为我需要绘制线条图形,但是线条应该垂直绘制而不是水平绘制。 我能找到的唯一反应就是在“标准”水平折线图中绘制静态垂直线,但这不是我需要的功能。 我认为ChartJS应该有任何图形类型或Line图形类型中的选项来实现这一点,但我没有看到它。 使用"chart.js": "2.9.3" 我需要这样的东西: ? 谢谢你的回答。
浏览 22
提问于2021-01-18
得票数 1
2
回答
如何在react中将函数变量从一个文件传递到另一个文件
、
、
、
我正在做一个测验应用程序,我有一个函数的最终分数在app.js中,现在我想绘制一个基于用户结果的图形(显示在条形图中,比如6对,4错之类),所以我写了一个函数来使用chart.js 2在另一个文件( chart.js )中绘制图形。问题是我不能将最终分数从app.js传递到chart.js。最后,我也想展示一下这张图。注意:我在这里使用了折线图,只是为了检查我的值是否通过。App.js export default function App() { return ( <div className='app
浏览 25
提问于2020-09-18
得票数 0
回答已采纳
1
回答
在使用Chart.js 2.4.0渲染的折线图中显示顶部和底部的X轴
我用Chart.js绘制了一个折线图,并在底部显示了X轴: xAxes: [{ type: 'linear', position: 'bottom', 我想要两个X轴,一个在底部,一个在顶部。我在文档中看到position是一个字符串,因此只有一个值。 有可能做到这一点吗?
浏览 0
提问于2016-12-23
得票数 7
2
回答
使用Chart.js绘制包含CSV数据的折线图
、
、
我有CSV数据。使用这些数据,我需要使用chart.js library.My csv数据绘制一个简单的折线图,格式如下 data.csv年-53,3.00% 1953-54,3.00% 1954-55,3.50% . 我想年是在x轴和速率是在y轴…我需要做完全使用chart.js.Can任何人帮助我做这件事
浏览 1
提问于2016-12-27
得票数 1
1
回答
Chart.js v3:如何允许刻度标签溢出?
、
我最近从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
1
回答
使用Chart.js从时间串中绘制圈速
、
、
、
我正在尝试用Chart.js绘制一个折线图,它显示了一系列圈速的趋势,但我正在努力将时间字符串解析为正确的格式。 我有一个时间数组,其中包含如下所示的圈速(分钟、秒、毫秒),我将其用作数据集: const times = ["1:32.599", "1:32.300", "1:31.000"] 在图表上绘制这些数据的最佳方法是什么?根据文档,Chart.js支持使用moment.js的轴,但它似乎不会解析这些字符串,可能是因为它们不是日期,因为它们是持续时间而不是特定的时间点。 { type: 'line', data
浏览 9
提问于2018-01-20
得票数 2
回答已采纳
1
回答
Chart.js类别y轴线图
使用Chart.js 2.0,如何绘制带有y轴类别的折线图? 以下是我的代码 var ctx = $("#myChart"); var scatterChart = new Chart(ctx, { type: 'line', data: { labels: ["January", "February", "March"], datasets: [{ label: "January
浏览 0
提问于2016-06-06
得票数 4
1
回答
Chart.js :如何填充线下的区域到某一点?
、
、
、
、
我使用chart.js库创建了一个折线图,并填充线下的区域。 我遇到的问题是,线下的填充不会在图形上的最后一个绘制点停止。曲线下的填充应该在直线停止时停止,但它仍在继续。有没有一种方法可以指定填充区域,使它不会填充超过直线/上一个绘制点? 我查看了文档,找到了一个fill属性,但它并没有解决这个问题。我认为这可能与图表边框或网格线有关。
浏览 10
提问于2017-07-25
得票数 0
2
回答
chart.js控制间距/网格线大小
、
我在chart.js中创建了一个折线图,用于绘制来自金融市场的数据。 如何从x轴控制网格线的宽度? 数据是基于时间的,当图表开始时,网格线之间的空间太大。 随着数据的添加,图表会自动压缩空间。 我想控制间距到一个统一的数量,我可以从一开始设置。 任何帮助都非常感谢。
浏览 0
提问于2018-05-03
得票数 2
1
回答
Chart.JS多个插件不能运行
、
、
、
我正在使用chart.js,并试图将两个插件添加到同一图表中,但当应用时,这两个插件都会消失,并且控制台中没有直接错误。 有没有人知道如何在同一张图上实现两个插件? <code>C0</code> <code>C1</code> 基本上,图形必须在折线图上显示数据标签,同时绘制yAxis线,但只能从折线图上的点开始。 由于某些原因,当两者都应用时,图表将不会显示它们中的任何一个。 <code>A2</code> 超文本标记语言.js代码 <code>A3</code>
浏览 17
提问于2019-08-22
得票数 2
回答已采纳
1
回答
Chart.js : scaleStartValue从高到低
我正在使用Chart.js渲染折线图,我希望我的数据以相反的方式绘制,即最高的数字显示在底部,最低的数字显示在顶部。我可以通过设置负的scaleSteps来实现这一点,但是Y轴上的实际标签丢失了。有没有办法也有这些标签。请在此处查看示例: var myNewChart = new Chart(ctx).Line(data, { scaleShowGridLines: false, scaleOverride: true, scaleStartValue: 10, scaleStepWidth: 1, scaleSt
浏览 3
提问于2015-01-05
得票数 3
2
回答
Chart.js -折线图的最右边的数据点
、
、
使用Chart.js版本2.8.0绘制基本折线图。注意到最右边的数据点被切断了。但是最左边的数据点(第一个数据点)看起来完好无损。 我已经通过更改pointRadius的值来更改数据点圆的大小。但即使是最小的值,数据点仍然会被截断。 我没有使用任何插件或花哨的设置。我正在用浅灰色的背景色填充图表。但除此之外,其他的都是标准的Chart.js。 我在这里重新创建了这个问题: 这是我的选项设置。 options: { legend: { display: false, }, tooltips: { callbacks: {
浏览 22
提问于2019-07-28
得票数 3
回答已采纳
1
回答
ChartJS:在y轴上有标签的折线图
、
、
、
我是chart.js的新手,我需要在y轴上创建一个带有标签的折线图。网上有很多在x轴上有标签的例子,但我需要的是一个在y轴上有标签,x轴上有数字的折线图?
浏览 4
提问于2020-04-20
得票数 0
1
回答
如何将悬停属性仅应用于当前点,而不是整个数据集
、
Chart.js 2.0折线图 我只需要显示当前点的悬停状态,而不是整个数据集。 Chart.js文档中有这个例子, 这是我的图表在我悬停在一个点上时的样子。 谢谢。
浏览 21
提问于2016-07-24
得票数 0
1
回答
需要自定义图形行为
、
、
、
、
在我的angular 5应用程序中,我使用chart.js库来绘制带有两个系列的折线图。以下是来自ts文件的代码: this.myChart = new Chart(this.ctx, { type: 'line', data: { labels: labels, datasets: [{ label: 'Data1', data: [100, 345, 657, 788, 300], fill: false, backgroundColor: '#3C96D2
浏览 40
提问于2019-09-19
得票数 1
3
回答
Chartjs 2-同一图表上具有相同y轴的堆叠条形图和未堆叠线条
、
我开始使用chart.js的最新测试版v2,因为我需要在同一张图上绘制一个既包含堆叠条形图又包含非堆叠线形图的图表。下面是我需要的一个示例: 在这个图表中,线条没有堆叠,都显示了它们的自然值,但条形图是堆叠的,显示了这些值的总和(包括一些负值)。 我已经设法将两个图表绘制在一起,但到目前为止,我只能成功地将两个图表堆叠在一起,或者我必须使用两个单独的y轴,最终得到两个刻度。在这个中有一个单独的y轴的例子 yAxes: [{ stacked: false, ticks: { beginAtZero: true } }, { id:
浏览 14
提问于2016-01-22
得票数 14
1
回答
我可以在chart.js中的阶梯线图上设置动态步长吗?
、
在chart.js中,阶梯式折线图的x轴是固定的。例如,当x小于2,y是10,x在2和10之间,y是20,x大于10,y是5时,我想要显示。 我怎样才能用chart.js做到这一点?
浏览 7
提问于2021-04-05
得票数 0
0
回答
如何在chart.js中仅使用Y轴表示数据
、
、
我想在Chart.js中将“上一场比赛进球次数”数据绘制到折线图中。 我有一个userGoalTime阵列,例如[34, 80, 90];我有一个opponentGoalTime阵列,例如[39, 42] Y轴有所有的分钟数,但我不想要X轴上的任何东西。问题是,我认为chart.js必须在X轴上表示一个值(如果这有意义的话) 谁能解释一下如何在图表上只使用Y轴来绘制点? 尝试的解决方案: let ctx = canvas.getContext('2d') let lineChart = new Chart(ctx, { type: 'line',
浏览 6
提问于2017-12-02
得票数 0
2
回答
Chart.js -如何在图表中间添加文本?
我使用Chart.js创建这个折线图: 但我需要标记这些区域,就像这样: 有什么想法吗?
浏览 1
提问于2015-06-03
得票数 5
回答已采纳
1
回答
在图表上显示数据。%s
、
、
、
我正在使用angular,我需要绘制一个图形/图表,我有一个包含名称和时间的数据。 在上述情况下,name表示客户的名称,time表示他进行呼叫的时间(单个客户可以进行多个呼叫,因此一个客户可以进行多次呼叫)。我想画一张图表,这样我们就可以看到客户这次打电话。 我尝试使用chart.js,并尝试折线图和散点图,但无法获得所需的结果。任何我可以使用的图表和/或如何实现这一点的建议 提前谢谢你
浏览 42
提问于2021-02-10
得票数 0
2
回答
根据ajax重新绘制并销毁旧的折线图后,折线图上的点工具提示(Chart.js)丢失
、
、
、
我正在使用chart.js绘制一个带有点和工具提示的折线图,为了防止Ajax造成的闪烁,我正在销毁我的旧折线图并重新创建它。但是,我的工具提示现在不起作用了!我不确定是什么原因造成的,任何帮助都将不胜感激。你可以在下面找到我的代码。 这是通过更改Dropdown-Selection的值来触发Ajax-Call: var data; $('#KurveWatt').change(function(){ var y = this.value; if(y == 'kW/Tag') {
浏览 1
提问于2016-03-30
得票数 0
3
回答
用Charts.js在HTML5中创建图表
、
我想用Chart.js绘制折线图,我遵循了Chart.js的“入门”部分,但我仍然无法画出示例图表。我的代码出了什么问题?根据NetBeans的说法,一切都很好.. 代码如下: <!doctype html> <html lang="nl"> <head> <meta charset="utf-8"> <title>Become a member</title> <script type=&
浏览 0
提问于2013-05-27
得票数 7
回答已采纳
3
回答
Chart.js -如何在加载时将折线图数据集设置为禁用
使用chart.js v2,是否可以将折线图中的数据集标记为在初始加载时被禁用? 在中找不到对应的选项。
浏览 3
提问于2016-04-26
得票数 80
回答已采纳
1
回答
在chart.js中绘制直线上的点
、
、
、
、
我正在使用chart.js绘制简单的折线图。我想在我的直线上显示红色的点。例如,我将一个数组作为从1到100的数字的数据集进行传递。我想显示红色,这些点是偶数的。这在chart.js中是可能的吗? 我知道我可以遍历该数组,从该数组中取出偶数值,然后将该数组传递给数据集。在这方面你能帮上忙吗?以下是我的数据集代码 这是我的数据集 datasets: [ { label: 'Assay Values', fill: false, lineTension: 0, backg
浏览 21
提问于2017-03-10
得票数 1
2
回答
javascript chart.js删除最后一个点
、
我有一个来自chart.js的线形图。我想删除最后一个点,但是对于折线图,removeData()方法没有参数,而对于极线图,它支持removeData(atIndex)。因此,对于折线图,默认情况下removeData()只删除第一个点。 如何在不先删除所有数据的情况下只删除最后一个点?
浏览 1
提问于2016-03-18
得票数 0
1
回答
有没有办法用Chart.js创建“迷你”(非常小的图表)?
我想知道有没有用Chart.js创建迷你折线图的方法?(任何轴上都没有标签,180px*60px) 附件中的示例。 谢谢!
浏览 2
提问于2015-02-16
得票数 1
1
回答
如何将图片添加到chart.js工具提示?
我正在使用Chart.js根据设计师的特定方向构建折线图,并且我希望我的工具提示中包含一个小图标。 有可能吗?
浏览 3
提问于2015-06-16
得票数 3
1
回答
Chart.js折线图x轴标签舍入
、
我有一个用chart.js制作的折线图,显示如下: ? 现在,我需要四舍五入图中的x轴标签/刻度,如下所示 0,1,2,3,4,5
浏览 16
提问于2019-05-24
得票数 0
1
回答
chart.interactiveLayer.tooltip.chartContainer不起作用?
、
、
、
我有一个页面,其中包含多个图表与NVD- chart.js的。图表放在仪表板中,因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示放在了错误的左边,所以它离它的折线图很远。我试图使用这段代码通过更改容器来更改工具提示的位置,但没有任何更改: chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg')); 有谁知道如何使用chartContainer吗?
浏览 0
提问于2015-09-21
得票数 0
1
回答
Chart.js:带有部分虚线的折线图
、
、
我正在尝试绘制一个折线图,它应该显示一条部分实线和部分虚线(以表示实际数据和预期数据)的线条。我发现这个示例在2.0.0-alpha版本上运行得很好 var lineChartData = { labels: ['A', 'B', 'C', 'D', 'E', 'F', 'G'], datasets: [{ label: "My First dataset", data: [1, 8, 3, 4, 2, 3, 4],
浏览 0
提问于2016-05-23
得票数 6
1
回答
动态更新chart.js中的时间数据会冻结图表
、
、
我通过ng2-charts使用chart.js来显示一个简单的折线图,该折线图由X值为时间戳的动态数据提供。因此我使用的是chart.js的 当我开始将数据推送到图表中时,一切都很好,但我希望将显示的数据量限制为最大值,因此我实现了一种简单的机制,即在填充时从数组中删除最旧的元素。 此行为似乎会使图表冻结,因此会显示此。 问题在这个stackblitz中显示:只需等待几秒钟,数组就会有三个值(最大值): 如果我从chart.js中删除"time“配置并手动提供标签,问题就不会出现(但这不是我想要的!)。 因此,问题似乎与时间轴的使用有关。我已经尝试了上面提到的bug中解释的解决方案
浏览 1
提问于2020-02-03
得票数 0
1
回答
显示折线图中每个数据点的标签
我使用由Chart.js呈现的折线图。我使用多个数据集,而数据集只包含一个数据点(x,y) (来自业务域)。 图表显示了悬停时每个点(x,y,标签)的信息,但是我希望每个点旁边都有一个标签,默认情况下/每次都会显示相应的标签。 在我的研究中,我找不到任何解决方案。 有什么建议吗?这真的可以用Chart.js实现吗?
浏览 1
提问于2016-12-17
得票数 0
1
回答
隐藏Chart.js行,但在工具提示中显示其数据
、
我正在使用Chart.js库构建一个图表。考虑以下Chart.js折线图: 因此,这里使用了两个数据集,一个用于红线,一个用于绿线。我想隐藏其中的一个数据集,例如红色的那个。这将导致红线不显示我想要的。 但是,我还希望工具提示应该显示两个数据集(包括隐藏的数据集)的数据。 这有可能吗?
浏览 14
提问于2020-02-24
得票数 0
回答已采纳
1
回答
圆形y轴值: Dojo图表与Chart.js
、
、
我正在使用Dojo Charts创建一些折线图,这就是图表的外观。 此id chartData: 0,0,0,0,65,223 当我使用Chart.js创建图形时,它的呈现方式如下所示 忽略x轴和其他东西,如果我们看y轴,这些值在chart.js中是四舍五入的,与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项?
浏览 1
提问于2015-07-22
得票数 0
2
回答
如何显示每个刻度之间的网格线(不显示标签)?
、
、
、
? 我正在使用Chart.js 2(React-chart-js2)来显示折线图。 有没有人提到过在每个显示的标签之间保留垂直网格线? 看起来垂直网格线只显示在每个显示的标签上。
浏览 36
提问于2021-06-19
得票数 0
回答已采纳
1
回答
chart.js -用户添加线的最后一点
、
、
、
我需要制作一个折线图,其中用户完成图表上的最后一个点,然后根据它采取行动。我使用的是Chart.js,但如果任何库都支持它,我愿意更改。有什么好主意吗?谢谢
浏览 2
提问于2018-09-16
得票数 2
2
回答
Chart.js -将全局图表配置放在哪里?
、
我正在尝试用下面的代码设置一个Chart.js折线图。我应该把Chart.defaults.global = {}或Chart.defaults.global.responsive = true;代码放在哪里呢? 可在以下位置找到Chart.js文档: <!-- Chart.js --> <script src="http://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js"></script> <script> var ctx = document.g
浏览 0
提问于2014-09-08
得票数 8
回答已采纳
1
回答
从coinbase获取加密货币的所有交换价格(PHP)
、
我的项目是使用chart.js从coinbase的历史价格数据中绘制折线图。结果应该类似于Googles密码表。我已经找到了一种简单的方法来获得任何加密货币的实时价格,但我不知道如何获得历史数据。我的项目是用PHP编写的,你可以在下面看到我的实时价格抓取函数。 /** * coinbase api call prices */ function api_call_price($from, $to) { $from = (trim(strtoupper($from))); $to = (trim(strtoupper($to))); $url = 'cur
浏览 10
提问于2020-03-07
得票数 0
3
回答
如何在ASP.NET中绘制折线图
、
我正在尝试在ASP.NET中绘制折线图。我想从excel文件中导入一些数据,并在浏览时将它们显示在折线图中。 到目前为止,我已经知道了如何导入数据并在网格中显示它们。现在,我想把它带到下一步,并使用该数据绘制折线图。 请告诉我如何在ASP.NET (仅限C#)中绘制折线图的一些指南。
浏览 7
提问于2013-05-11
得票数 3
回答已采纳
1
回答
Chart.js V3.20过滤图例标签不起作用
、
我有一个使用Chart.js构建的动态折线图,最多可以有19个数据集。我动态地将数据输入到数据集中(效果很好)。我遇到的问题是,如果我的数据集少于19个,这些未使用的数据集仍然会显示图例。我曾经在Chart.js 2.6.0的选项列表中使用过这个函数: legend: { labels: { filter: function(item, chart) { return !item.text.includes('unused'); } } } 但这不再适用于Chart.js 3.2.0。 有没有人知道如何在Chart.js 3.2.0中使用这个函数? 这就是我目
浏览 21
提问于2021-05-18
得票数 0
1
回答
如何使用x和y数据绘制折线图
、
我一直在尝试使用Chart.JS创建一个简单的折线图来绘制我的数据。 在我的例子中,数据以如下形式出现: [[1452,100],[1330,100],[1307,100],[1105,100],[1071,200],[1261,100]] 其中,每个片段中的第一个条目是x坐标,第二个条目是y坐标。 在chart.js文档中显示的示例中,x坐标只是文本标签: var data = { labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding
浏览 0
提问于2016-02-24
得票数 1
1
回答
Chartjs包含外部选项
我刚刚开始使用chart.js 我在不同的页面上有不同的条形图和折线图。 所有的图形都有一些相同的选项,比如网格线和工具提示样式。 是否可以在外部存储这些设置并将其应用于每个页面。
浏览 0
提问于2017-09-14
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Python绘制折线图、散点图
【Excel表格】如何绘制表格折线图
Python3练习项目04:绘制生成PDF折线图(下)
推荐3个顶级的JavaScript开源图表库
有了这些开源库资源,周末终于可以陪女友了
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券