Chart JS在条形图顶部显示数据值

文章/答案/技术大牛

发布

1回答

javascript、jquery、chart.js

我正在使用CHART JS，当我想要在每个条形图的顶部显示数据值，而当我的鼠标悬停在条形图上时，该值消失时，我遇到了一个问题。下一个问题是图表顶部的值被裁剪下面是我的代码： function assignChart(ctx, dataArray) { const dataLabel = ["Paris", "Milan", "London&

浏览 48提问于2019-02-07得票数 3

回答已采纳

1回答

使用Chart.js在条形图上显示标签

chart.js

我正在尝试使用chart.js在条形图上显示标签。MyY.-Axis有自定义标签，如: scaleLabel："<%=值+ '$‘%>“我

浏览 1提问于2015-03-18得票数 3

1回答

Chart.js:如何在图中排序工具提示

javascript、charts

我生成了一个图，其中有3组数据：每个条形图的顶部都有最高值，然后是中间值，最后是底部值。var stackedBarChartOptions = { responsive: t

浏览 5提问于2022-02-25得票数 1

回答已采纳

1回答

Chart.js上未显示数据标签

chart.js、chart.js3

我试图在我的chart.js顶部显示总金额；我试图使用datalabel插件，但我不确定为什么它不显示标签，我没有收到任何错误，以下是我的代码： <script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></scrip

浏览 17提问于2021-05-19得票数 0

回答已采纳

1回答

角10的Chart.js :多系列条形图中未显示的指定颜色(而不是随机颜色)

angular、typescript、chart.js、bar-chart

我正在尝试实现叠加的条形图(水平的，响应的)。但是，我得到的是随机颜色，而不是在barchartColors中编码的颜色。class="text-muted">View</small><

浏览 3提问于2021-04-23得票数 1

1回答

根据垂直条形图列高设置数据标签的位置

vue.js、charts、vue-chartjs

我使用的是vue chat js和chart js 2.9.4包。而chart js插件数据标签也被插入以显示数据标签。我创建了一个垂直条形图，当一些列的高度较低时，数据标签与x轴重叠。'top' : 'center' } } 如您所见，我必须手动添加一个条件来设置数据标签的位置。如果值小于10，则数据</em

浏览 23提问于2021-06-21得票数 1

回答已采纳

1回答

如何在chart.js堆叠条形图的每个条形中添加数据标签？

bar-chart、chart.js、angular-chart、chart.js2

我在Angular JS中使用了一个指令来使用chart.js。Git链接：我对使用堆叠条形图很感兴趣。如何在条形图上添加数据标签以显示堆叠条形图中的每个条形值？

浏览 17提问于2016-08-14得票数 0

1回答

如何使用Chart.js在堆叠条形图中显示内联值？

javascript、graph、chart.js

我正在使用Chart.js库在堆叠的条形图中显示一些值，但我正在努力寻找如何在条形图中显示这些值，也就是说，现在，我有以下代码在条形图顶部显示数字，但我想知道如何在条形图中显示它们。 var bar_ctx = document.getElementById(

浏览 1提问于2017-11-04得票数 7

回答已采纳

1回答

如何在条形图上同时显示标签和值

chart.js、angular7

大家好，我正在创建一个仪表板，其中包含使用Angular 7、和的条形图，正如您在中所看到的那样条形图包含不同的数据集，每个数据集都有自己的标签我想在条形图顶部显示每个数据集上的标签及其值，但我不知道我的代码如何只显示数据集的标签我的意思是，正如您在我的代码(.ts)文件中看到的那样

浏览 3提问于2019-04-24得票数 1

1回答

包含折线图和条形图的Chart.js -虽然显示了条形图的最大值，但未呈现条形图

javascript、jquery、chart.js

我正在使用chart js (https://www.chartjs.org/)，我有一个折线图，我想将条形图作为第二个数据集添加到其中。问题是折线图显示了，但条形图没有显示，但显示了条形图数据集的最大值。我的意思是，折线图的最大值是1，条形图的最大值是2，图表显示的值是2。如果删

浏览 24提问于2019-05-04得票数 0

回答已采纳

1回答

生成工具提示时由于图例未显示而移动chart.js填充文本对象

plugins、tooltip、chart.js、ng2-charts

我正在使用Chart.js创建一个条形图。条形图组件的要求之一是在条形图本身上显示条形图数据值。为此，我创建了一个简单的插件，它可以正常工作，直到我发现一个显示错误。当在任何条形图上悬停并显示工具提示时，条形数据值会被向下推一点。我不知道发生了什么事。似乎在某种程度上，工具提示在图表中增加了一

浏览 0提问于2017-06-05得票数 3

回答已采纳

1回答

Chart.js未在条形图顶部显示值

javascript、chart.js、bar-chart

我在一段时间前开始学习chart.js，并且遇到了条形图没有在顶部条形图上显示值的问题，以及如何在值后面添加百分比符号？我使用chart.js 3.3.2CDN btw。rgba(255, 206, 86, 1)', 'rgba(153, 102, 255, 1)'

浏览 22提问于2021-06-19得票数 1

回答已采纳

1回答

Chart.js:如何使x轴标签显示在条形图的顶部

javascript、angular、chart.js、ng2-charts

我想要实现的是：为此，我使用，这只是chart.js的一个扩展。我有条形图，颜色和爵士音乐。我不知道的是如何使x轴标签出现在条形图的顶部，而不是在它们下面。为了澄清，我不想让它出现在悬停或其他任何东西上，只是出现在顶部的栏杆上。问题：需要什么样的配置才能使x轴标签显示在条形图上？

浏览 4提问于2016-08-15得票数 2

回答已采纳

1回答

将值放在图表的条形图中(Reporting Services 2008)

reporting-services、charts

我有一份报告，其中有一张图表，其中包含一些条形图。它们表示来自底层查询的值。现在，我想在栏中放置一些与第一个值密切相关的值，如下所示：我可以这样做吗？

浏览 0提问于2012-02-29得票数 2

回答已采纳

2回答

如何在Google中值为零的情况下显示一个小条？

javascript、charts、google-visualization

有时候，我有一个级数，其中的值都是零。当我应用一个ColumnChart时，这个数字都是空的，没有显示出实际的零值。在值为零的情况下，如何显示条形图？

浏览 1提问于2019-01-23得票数 4

回答已采纳

1回答

渲染前最小值和最大值的Chart.js识别

javascript、html、charts、chart.js

我在我的项目中使用chart.js。正如您在下面的代码中所看到的，chart.js对同一数据使用不同的y轴和条形图的最小值和最大值。在给定的代码中，1100-1700是线条图的值范围，而0-2000是条形图的值范围。我喜欢为线条图和条形图做相同的最小值和最大值。一种选择是找到我自己的最小、最大和步长值，并在比

浏览 6提问于2022-11-16得票数 0

回答已采纳

3回答

JasperReports追加% symbol

jasper-reports、export-to-excel

我尝试在xls 50中将其显示为50.00%。我已经尝试了#%，\u0025 unicode模式，但没有得到想要的结果。我正在考虑添加一个公式，该公式将该列的值除以100。并提供此公式{$colmd.colValue}.divide(100)，它也无法读取它。

浏览 4提问于2014-10-21得票数 0

1回答

如何自定义图表js条形图形状？

javascript、chart.js

如何更改Chart Js的条形图形状，使其顶部和底部具有如图所示的尖顶和尖底？<code>B0</code> 

浏览 14提问于2020-11-16得票数 2

回答已采纳

1回答

如何在条形图中改变X轴的颜色

kendo-ui、kendo-dataviz、kendo-chart

下面是条形图的链接： <div id="example" class="k-content"></div> javascrip

浏览 2提问于2014-05-20得票数 2

1回答

Can Chart.js将折线图和条形图合并到一个画布中

chart.js

我正在尝试使用Chart.js来显示血压数据，其中包括三组数据(脉搏、收缩压、舒张压)。脉搏数据应以线形图显示，而收缩期和舒张期将以条形图显示。所以我想知道应该有一种方法将它们结合在一起。 PS。更新的Chart js提供了堆叠条形图，作为定制Chart js的开始，学习它非常好。

浏览 2提问于2014-07-11得票数 6

点击加载更多