腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
Chart.js V3.20过滤图例标签不起作用
javascript
、
chart.js3
我有一个使用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
回答
Chart.js中可滚动的x轴
javascript
、
charts
、
linechart
我想使用Chart.js库在我的网站上绘制图表,但我打算向图表提供大量的数据(>1,000)。但是,当我将数据提供给chart.js折线图时,该图表不是可滚动的,而是将这些值一起推送到一起,从而使该图表不可读。有没有办法让chart.js折线图可以在x轴上滚动?
浏览 6
提问于2014-07-18
得票数 7
1
回答
动态更新chart.js中的时间数据会冻结图表
angular
、
chart.js
、
ng2-charts
我通过ng2-charts使用chart.js来显示一个简单的折线图,该折线图由X值为时间戳的动态数据提供。因此我使用的是chart.js的 当我开始将数据推送到图表中时,一切都很好,但我希望将显示的数据量限制为最大值,因此我实现了一种简单的机制,即在填充时从数组中删除最旧的元素。 此行为似乎会使图表冻结,因此会显示此。 问题在这个stackblitz中显示:只需等待几秒钟,数组就会有三个值(最大值): 如果我从chart.js中删除"time“配置并手动提供标签,问题就不会出现(但这不是我想要的!)。 因此,问题似乎与时间轴的使用有关。我已经尝试了上面提到的bug中解释的解决方案
浏览 1
提问于2020-02-03
得票数 0
1
回答
Chart.js支持的点的限制
chart.js
、
chart.js2
、
chart.js3
我有一个有50.850个点的向量要在折线图类型中绘制。我正在使用chart.js在图形中显示所有这些点,但它没有绘制出来。有人知道chart.js可以显示的点的极限吗?
浏览 25
提问于2021-06-25
得票数 1
回答已采纳
1
回答
ChartJS:在y轴上有标签的折线图
javascript
、
angularjs
、
graph
、
chart.js
我是chart.js的新手,我需要在y轴上创建一个带有标签的折线图。网上有很多在x轴上有标签的例子,但我需要的是一个在y轴上有标签,x轴上有数字的折线图?
浏览 4
提问于2020-04-20
得票数 0
1
回答
如何将悬停属性仅应用于当前点,而不是整个数据集
javascript
、
chart.js
Chart.js 2.0折线图 我只需要显示当前点的悬停状态,而不是整个数据集。 Chart.js文档中有这个例子, 这是我的图表在我悬停在一个点上时的样子。 谢谢。
浏览 21
提问于2016-07-24
得票数 0
1
回答
我可以在chart.js中的阶梯线图上设置动态步长吗?
charts
、
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
1
回答
使用Chart.js的React折线图
javascript
、
reactjs
如何使用Chart.js在React中实现动态图表。我每隔10分钟就有来自API的数据,我想用这些数据填充图表。下面是获取数据的代码 fetch('http://localhost:8080/data') .then(res => res.json()) .then(json => this.setState({chartData: [...this.state.chartData, json[0]]})); 以下是图表数据的代码 const data = { labels: this.props.data.date
浏览 1
提问于2018-02-22
得票数 0
2
回答
Chart.js -如何在图表中间添加文本?
chart.js
我使用Chart.js创建这个折线图: 但我需要标记这些区域,就像这样: 有什么想法吗?
浏览 1
提问于2015-06-03
得票数 5
回答已采纳
8
回答
Chart.js v2 -隐藏网格线
javascript
、
chart.js2
我正在使用Chart.js v2绘制一个简单的折线图。一切看起来都很好,除了有一些我不想要的网格线: 折线图的文档在这里:,但是我找不到任何关于隐藏这些“网格线”的东西。 如何删除网格线?
浏览 435
提问于2016-04-17
得票数 194
回答已采纳
3
回答
Chart.js -如何在加载时将折线图数据集设置为禁用
chart.js
使用chart.js v2,是否可以将折线图中的数据集标记为在初始加载时被禁用? 在中找不到对应的选项。
浏览 3
提问于2016-04-26
得票数 80
回答已采纳
2
回答
javascript chart.js删除最后一个点
javascript
、
chart.js
我有一个来自chart.js的线形图。我想删除最后一个点,但是对于折线图,removeData()方法没有参数,而对于极线图,它支持removeData(atIndex)。因此,对于折线图,默认情况下removeData()只删除第一个点。 如何在不先删除所有数据的情况下只删除最后一个点?
浏览 1
提问于2016-03-18
得票数 0
1
回答
如何在Chart.js中将y轴上的数据集添加到x轴上的标签?
javascript
、
jquery
我正在使用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
回答
有没有办法用Chart.js创建“迷你”(非常小的图表)?
chart.js
我想知道有没有用Chart.js创建迷你折线图的方法?(任何轴上都没有标签,180px*60px) 附件中的示例。 谢谢!
浏览 2
提问于2015-02-16
得票数 1
1
回答
如何将图片添加到chart.js工具提示?
chart.js
我正在使用Chart.js根据设计师的特定方向构建折线图,并且我希望我的工具提示中包含一个小图标。 有可能吗?
浏览 3
提问于2015-06-16
得票数 3
1
回答
Chart.js折线图x轴标签舍入
javascript
、
chart.js
我有一个用chart.js制作的折线图,显示如下: ? 现在,我需要四舍五入图中的x轴标签/刻度,如下所示 0,1,2,3,4,5
浏览 16
提问于2019-05-24
得票数 0
3
回答
chart.js图上的重叠线
javascript
、
chart.js
我想知道是否有可能在chart.js图的顶部覆盖一条线,例如折线图?例如,在x轴上,将在图表中值为20处绘制一条水平线。
浏览 0
提问于2015-01-22
得票数 7
回答已采纳
1
回答
chart.interactiveLayer.tooltip.chartContainer不起作用?
javascript
、
jquery
、
tooltip
、
nvd3.js
我有一个页面,其中包含多个图表与NVD- chart.js的。图表放在仪表板中,因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示放在了错误的左边,所以它离它的折线图很远。我试图使用这段代码通过更改容器来更改工具提示的位置,但没有任何更改: chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg')); 有谁知道如何使用chartContainer吗?
浏览 0
提问于2015-09-21
得票数 0
1
回答
显示折线图中每个数据点的标签
chart.js
我使用由Chart.js呈现的折线图。我使用多个数据集,而数据集只包含一个数据点(x,y) (来自业务域)。 图表显示了悬停时每个点(x,y,标签)的信息,但是我希望每个点旁边都有一个标签,默认情况下/每次都会显示相应的标签。 在我的研究中,我找不到任何解决方案。 有什么建议吗?这真的可以用Chart.js实现吗?
浏览 1
提问于2016-12-17
得票数 0
1
回答
隐藏Chart.js行,但在工具提示中显示其数据
javascript
、
chart.js
我正在使用Chart.js库构建一个图表。考虑以下Chart.js折线图: 因此,这里使用了两个数据集,一个用于红线,一个用于绿线。我想隐藏其中的一个数据集,例如红色的那个。这将导致红线不显示我想要的。 但是,我还希望工具提示应该显示两个数据集(包括隐藏的数据集)的数据。 这有可能吗?
浏览 14
提问于2020-02-24
得票数 0
回答已采纳
1
回答
圆形y轴值: Dojo图表与Chart.js
charts
、
dojo
、
dojox.charting
我正在使用Dojo Charts创建一些折线图,这就是图表的外观。 此id chartData: 0,0,0,0,65,223 当我使用Chart.js创建图形时,它的呈现方式如下所示 忽略x轴和其他东西,如果我们看y轴,这些值在chart.js中是四舍五入的,与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项?
浏览 1
提问于2015-07-22
得票数 0
1
回答
chart.js -用户添加线的最后一点
javascript
、
charts
、
chart.js
、
chart.js2
我需要制作一个折线图,其中用户完成图表上的最后一个点,然后根据它采取行动。我使用的是Chart.js,但如果任何库都支持它,我愿意更改。有什么好主意吗?谢谢
浏览 2
提问于2018-09-16
得票数 2
2
回答
如何显示每个刻度之间的网格线(不显示标签)?
javascript
、
chart.js
、
linechart
、
react-chartjs
? 我正在使用Chart.js 2(React-chart-js2)来显示折线图。 有没有人提到过在每个显示的标签之间保留垂直网格线? 看起来垂直网格线只显示在每个显示的标签上。
浏览 36
提问于2021-06-19
得票数 0
回答已采纳
2
回答
Chart.js -将全局图表配置放在哪里?
javascript
、
charts
我正在尝试用下面的代码设置一个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
回答
用Chart.js绘制折线图
jquery
、
chart.js
我想用chart.js绘制折线图 我可以绘制折线图,但希望在'Y‘轴上显示用户定义的值。即。如果我在Y轴上有一些值,即2,那么我想在2的下方和上方添加一些数据。 我有一些我想创造的形象。 在上面图片中,我有一些平均值,所以我想在平均值的上下加上+1s,+2s和+3s。 帮我个忙。谢谢
浏览 0
提问于2016-03-30
得票数 0
1
回答
如何在chart js中显示落在同一轴上的所有数据的工具提示值?
tooltip
、
chart.js
我使用了chart.js的折线图。折线图包含两个数据集。我试图实现的是,当用户悬停在其中一个数据点上时,它还必须显示落在同一轴上的另一个数据集的数据,就像Chart js中的示例: 但是我的图表的工具提示看起来像这样: 我想要显示在同一工具提示中,当它悬停在同一轴的任何一个数据中时,检入和切入的数量。
浏览 17
提问于2018-07-30
得票数 1
回答已采纳
1
回答
Chartjs包含外部选项
charts
我刚刚开始使用chart.js 我在不同的页面上有不同的条形图和折线图。 所有的图形都有一些相同的选项,比如网格线和工具提示样式。 是否可以在外部存储这些设置并将其应用于每个页面。
浏览 0
提问于2017-09-14
得票数 0
1
回答
Chart.js 2.0中的multiTooltipTemplate
chart.js
我在我的项目中使用了Chart.js 2.0。 我想要更改折线图的工具提示模板。默认情况下为Chart.defaults.global.multiTooltipTemplate = "<%if (datasetLabel){%><%=datasetLabel%>: <%}%><%= value %>"。但将multiTooltipTemplate的值更改为"<%= value %>"后,工具提示不会更新。 那么我做错了什么呢?
浏览 1
提问于2016-04-13
得票数 0
2
回答
Chart.js如何反转(交换)轴?
javascript
、
chart.js
从中获得灵感,我正在尝试如何在Chart.js中交换折线图的轴。 例如,在Highcharts中我们有,尽管它是一个面积图。 可以在折线图上“交换”X和Y轴吗? datasets: [ { label: "data1a", data: [1,2,3,4,5,1,2,3] } ] yAxes: [ { type: "linear", display: true, position: "left", } ] 这是从上面的链接修改的。我基本上是在试着移动它,这样
浏览 0
提问于2016-06-16
得票数 9
1
回答
如何在折线图中只显示一个数据点的值
linechart
、
chart.js
默认情况下在chart.js中显示折线图时。工具提示显示存在的所有数据集的值。 如何在将鼠标悬停在数据集点而不是所有数据集点上时仅显示一个数据集点的值
浏览 14
提问于2015-02-25
得票数 8
3
回答
折线图在Chart.js中的第一个点之前绘制
chart.js
、
linechart
我在试着画一个线条加条形图。每当我尝试绘制折线图时(我尝试只绘制折线图,同样的错误),在第一个点之前绘制一条线: 这是我第一次尝试Chart.js 2.0,我画的其他图表看起来都很棒,除了这个...有什么想法吗? 代码: function Data() { $scope.barChartData = { labels: $scope.mesesLabels, datasets: [ { type: 'bar', label: "" +
浏览 3
提问于2016-07-28
得票数 0
1
回答
lineChart Nvd3.js中工具提示的位置是否错误?
javascript
、
jquery
、
tooltip
、
nvd3.js
、
linechart
我有一个页面,其中包含多个图表与NVD- chart.js的。图表放在仪表板中,因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示错误地放在左边,所以它离它的折线图很远。 我尝试了很多代码,比如: 1) chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg')); 我想使用这行代码来强制工具提示的容器,但没有任何更改 2) chart.interactiveLayer.tooltip.position({"left":50})
浏览 2
提问于2015-09-08
得票数 3
2
回答
如何在Chart.js 2中设置轴的步长?
javascript
、
chart.js
、
chartjs-2.6.0
我使用chart.js创建了一个具有3个Y轴的简单折线图: 如你所见,最后一个是从10到20,中间没有任何数字。如何在这里设置步长? 下面是我添加斧头的方式: { id: 'C', type: 'linear', position: 'left', ticks: { max: 10, min: 20, }, } 谢谢。
浏览 7
提问于2017-11-17
得票数 13
6
回答
Chart.js:通过单击图例隐藏系列
javascript
、
charts
、
chart.js
我正在开发一个使用chart.js (www.chartjs.org)的网站。 我必须制作一个折线图来显示多个数据序列,用户可以通过单击相应的图例符号(类似于此)来隐藏或显示这些数据。 有没有办法用chartjs做到这一点?
浏览 2
提问于2015-01-22
得票数 8
3
回答
当X轴为time时,堆叠折线图不能正确显示
javascript
、
chart.js
、
vue-chartjs
我试着做一个以时间为轴的堆叠折线图。问题是“栈”部分似乎是在每个系列的开头累积起来的: 我正在使用带有vue的chartjs。我使用"vue-chartjs":"^3.5.0","chart.js":"^2.9.3","vue":"^2.6.11","vuetify":"^2.2.11“ 我做错什么了?提前谢谢你
浏览 1
提问于2020-08-01
得票数 2
2
回答
是否可以使用chart.js创建上下文菜单?
chart.js
我想在我的折线图上创建一个上下文菜单。当用户将鼠标悬停在一个点上时,他们可以右键单击,并将看到一个上下文菜单,以便他们可以触发更多操作。 使用chart.js可以做到这一点吗? 谢谢,德里克
浏览 0
提问于2018-03-21
得票数 1
1
回答
使用chart.js (或其他库)的axis中的引用
charts
、
chart.js
我正在尝试制作这样的图表:我在chart.js中有一个折线图,现在我想为某些日期添加标签(如字母A,B,C)。找不到可以开始的文档/示例。有什么想法吗?如果使用另一个库更简单,那么推荐一下就更受欢迎了。谢谢!
浏览 0
提问于2017-03-16
得票数 0
1
回答
Chart.js v3:如何允许刻度标签溢出?
chart.js
、
linechart
我最近从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
4
回答
chart.js中折线图的背景色
javascript
、
chart.js
我想更改由chart.js生成的折线图的背景颜色。对于这一点似乎没有选择,文档也没有帮助。在互联网上进行广泛的搜索没有得到任何结果。这个是可能的吗? 我必须承认我对HTML5画布了解不多,所以我有点挣扎!
浏览 2
提问于2016-05-11
得票数 8
1
回答
使用chart.js绘制x轴和y轴上重复数据的多点折线图
javascript
、
angular
、
charts
、
chart.js
、
chart.js2
我是一个angular8应用程序的初学者,使用chart.js版本^2.9.3,我基于以下数据创建了一个图表。使用我拥有的数据创建折线图的代码示例: const labels = [65, 65, 80, 80, 56, 55, 40] const data = { labels: labels, datasets: [{ label: 'My First Dataset', data: [67, 67, 81, 81, 56, 55, 40], fill: false, b
浏览 7
提问于2021-07-14
得票数 0
4
回答
如何将Chart.JS折线图标签居中对齐
javascript
、
charts
、
chart.js
、
linechart
我正在使用Chart.JS 1.0.2创建折线图: 我想做的是将图表底部的标签移动到每个矩形的中心(而不是与垂直网格线对齐): 在上没有关于这方面的文档,但我相信通过一个聪明的技巧,这个问题可以很容易地解决。对如何实现这一点有什么想法吗?
浏览 3
提问于2016-11-11
得票数 6
1
回答
如何使用ChartJS v2绘制动态直线
jquery
、
json
、
charts
Chart.js out有一个很好的新版本,使用起来似乎更直观一些。但是我正在尝试一些用V1设计的代码,它不能工作,但是深入它,有点超出我的能力--我尝试使用的代码是这里的最后一篇文章-- 我的折线图代码如下: $.ajax({ url : "getData.asp", type: "POST", data : { database: dataBase, sn: Options, opts: opt,
浏览 0
提问于2016-04-28
得票数 1
1
回答
angular-chart.js刻度线问题
angularjs
、
label
、
chart.js
我使用下列库创建了一个折线图:我的图形包含Y轴上的17个刻度线。虽然有多种选项可用于修改图表,但我很难弄清楚如何将Y轴上的刻度线数量从17减少到大约5或7,以使标签在chart.js中看起来不那么杂乱。
浏览 6
提问于2016-05-24
得票数 0
2
回答
Chart.js缩放从放大开始
javascript
、
charts
、
chart.js
、
zooming
我已经使用Chart.js和缩放插件构建了一个折线图。这一切都很好,它很好地平移和缩放,但是,图表总是加载与完整的数据范围,我希望它开始“放大”的n数量。我试着调整设置,但是没有用。这一阶段的任何建议都将不胜感激。
浏览 2
提问于2017-04-08
得票数 1
2
回答
关于zeroLineColor的Chart.js 3.5.1属性问题
chart.js
我希望有人能帮助我!我使用的是chart.js 3.5.1,并且在脑海中有一个特定的图表。然而,许多在线文档似乎都是针对旧版本的chart.js的。我需要一个简单的折线图,在y轴上和零下都有数据。为了强调这一点,我想在0上画一条更暗的轴线,所有在线材料都建议我可以使用zeroLineColor。然而,新版本的chart.js似乎不支持这一点。所有的在线材料都在使用xAxis:[]和yAxis:[],而我的只是使用x:{}和y:{},这让我认为zeroLinecolor属性已经被弃用了,如果是这样的话,我需要的东西可以用另一种方式实现吗? 干杯
浏览 49
提问于2021-09-27
得票数 1
回答已采纳
1
回答
图表js未显示
javascript
、
html
、
css
、
chart.js
我正在尝试使用charts.js来创建一个简单的折线图。当我运行下面的代码时,没有出现图表。我做错了什么?我正在学习本教程 <html> <head> <meta charset="utf-8"/> <title>Chart.js demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript"
浏览 11
提问于2017-06-18
得票数 6
回答已采纳
1
回答
在chart.js中使用时间适当地扩展xAxis
javascript
、
charts
、
chart.js
使用chart.js,我有一个条形图,其中的数据点分布在很多年: ? 如果你仔细观察x轴附近,你会看到一些灰色的线条。以下是具有相同数据的折线图,以供参考: ? 虽然在这个示例中使用折线图可能是有意义的,但它使数据较少的图表有点笨拙: ? 用条形代替线条 ? 当涉及较大的x轴时,是否有可用于条形图以提高可读性的选项?我代表的是随着时间的推移事件的发生,另一种适应的图表也可以接受。 谢谢。
浏览 24
提问于2020-08-20
得票数 1
1
回答
NG2-Angular中的图表:轴的显示属性支持'Auto‘吗
angular
、
chart.js
、
ng2-charts
我在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
回答已采纳
1
回答
Chart.JS多个插件不能运行
javascript
、
html
、
css
、
chart.js
我正在使用chart.js,并试图将两个插件添加到同一图表中,但当应用时,这两个插件都会消失,并且控制台中没有直接错误。 有没有人知道如何在同一张图上实现两个插件? <code>C0</code> <code>C1</code> 基本上,图形必须在折线图上显示数据标签,同时绘制yAxis线,但只能从折线图上的点开始。 由于某些原因,当两者都应用时,图表将不会显示它们中的任何一个。 <code>A2</code> 超文本标记语言.js代码 <code>A3</code>
浏览 17
提问于2019-08-22
得票数 2
回答已采纳
2
回答
Angular Chart.js,如何删除系列?
angularjs
、
chart.js
我正在处理角度图,以便在我的应用程序中显示折线图。我已经使用Chart.js集成了折线图。但是,在我的图表中,我不希望在图表之后显示系列。 我的图表代码是 $scope.labels = ["January", "February", "March", "April", "May", "June", "July"]; $scope.series = ['Series A']; $scope.data = [ [65, 59, 80, 81, 56
浏览 0
提问于2016-03-14
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
R语言绘图—动态折线图
Power BI可视化技巧:折线图动态显示预算实际
推荐3个顶级的JavaScript开源图表库
S1 Chart.js 快速入门
有了这些开源库资源,周末终于可以陪女友了
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券