基于标签的Chart.js条形图负载数据
是一种使用Chart.js库创建的图表，用于可视化展示负载数据。Chart.js是一个流行的JavaScript图表库，可用于在网页上创建各种类型的图表，包括条形图。
在基于标签的Chart.js条形图负载数据中，数据以标签和对应的值的形式呈现。每个标签代表一个类别或者一个时间点，而值则表示该类别或时间点的负载情况。条形图的高度表示负载的大小，可以直观地比较不同类别或时间点之间的负载差异。
优势：
- 可视化展示：基于标签的Chart.js条形图能够直观地展示负载数据，帮助用户更好地理解和分析数据。
- 灵活性：Chart.js库提供了丰富的配置选项，可以自定义图表的样式、颜色、标签等，以满足不同需求。
- 响应式设计：Chart.js图表可以根据屏幕大小自动调整布局，适应不同的设备和屏幕分辨率。
应用场景：
- 系统监控：基于标签的Chart.js条形图可以用于监控系统的负载情况，如CPU使用率、内存占用等，帮助管理员及时发现和解决性能问题。
- 数据分析：通过基于标签的Chart.js条形图，可以对不同类别或时间点的数据进行比较和分析，发现数据中的趋势和模式。
- 业务报告：将负载数据以条形图的形式展示在业务报告中，可以使报告更加直观和易于理解。
推荐的腾讯云相关产品：
腾讯云提供了一系列与云计算和数据可视化相关的产品，以下是其中几个推荐的产品：
- 腾讯云对象存储（COS）：用于存储和管理负载数据的对象存储服务，可将数据与Chart.js图表结合展示。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行负载数据的处理和分析应用。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：可用于存储和管理负载数据的关系型数据库服务，支持高可用和弹性扩展。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
1回答
我正在使用Chart.js显示一些数据作为条形图。这些数据的一个例子是：
{纽约: 29033，旧金山[：33432，俄克拉荷马城:38202]，等等。
当我使用这些数据集与Chart.js一起创建条形图时，图表中的条形图将与标签一起压缩，或者压缩在一起，或者很远，这取决于创建的标签数量。
有没有一种方法可以使条子和标签对齐，使它们与之相吻合？
浏览 1提问于2014-02-12得票数 0
我试图使用Chart.js创建一个条形图和线条图，但我希望条形图有一个不同的“标签”集。
线图的数据是在第一个和最后一点2800,1300，我希望这条线画在条形图的标签上。
这个是可能的吗？
期望的
结果
浏览 4提问于2016-05-14得票数 1
我在Angular JS中使用了一个指令来使用chart.js。Git链接：
我对使用堆叠条形图很感兴趣。如何在条形图上添加数据标签以显示堆叠条形图中的每个条形值？
浏览 17提问于2016-08-14得票数 0
1回答
我想知道Chart.js是否可以做到这一点。我还没能弄明白。 基本上，我想要一个水平条形图，其中时间在X轴上，条形图的数据是开始日期/时间和结束日期/时间，这样条形图就“浮动”，而不是锚定在图表的左侧。条形图将从开始时间开始，在结束时间结束，如x轴上所示。 另外，我需要y轴标签在水平条的内部。 Chart.js是否支持此用例？有没有人有示例代码？谢谢!
浏览 37提问于2021-04-08得票数 0
我正在用Chart.js构建一个条形图。我有多个数据序列，但通常情况下，并不是所有数据序列都有值。当这种情况发生时，即使栏不在那里，Chart.js似乎也想为它们分配空间：
请注意，上面的绿色和蓝色条始终相对于标签左对齐，粉色和黄色始终在右对齐。如何使条相对于其标签居中显示？
浏览 1提问于2021-11-10得票数 0
2回答
如何使用php数据变量创建条形图
、、、、
我正在使用chart.js创建一个条形图，但是我在条形图中想要的值是一个php数组、一个值数组和一个标签数组。如何将这些数组添加到条形图中。目前，我为条形图的数据提供了以下内容：
ar barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
{
fillColor : "#48A497",
strokeColor : "
浏览 1提问于2014-04-27得票数 0
回答已采纳
5回答
在Chart.js中，有任何方法可以在"horizontalBar"图表中在水平条形图中写入标签吗？就像这样：
在Chart.js中有类似的东西吗？
谢谢!
浏览 0提问于2016-07-28得票数 20
回答已采纳
我希望能够将x标签链接到Chart.js条形图中。我已经彻底搜索过，并试图想出自己的解决方案:因为标签对应于它们上面的条形图，而且Chart.js有一个内置的getBarsAtEvent(evt)方法，所以如果用户没有单击图表，我尝试创建一个事件--这个新事件的pageX和pageY直接高于初始单击，因此如果用户单击了标签，新事件将模拟对条形图的单击。
但是，反复调用getBarsAtEvent(createdClickEvent)会给出一个Uncaught TypeError ("Cannot read property 'getBoundingClientRect'
浏览 6提问于2016-01-21得票数 3
回答已采纳
我正在使用Chart.js库绘制条形图，我希望不仅在条形图悬停时显示工具提示，而且还在该条形图的x轴标签悬停时显示工具提示。我找到了用于配置的onHover方法，但它只允许我访问当前悬停的条的数组，这没有什么用处。
那么，如何访问鼠标事件并从中获取位置以将其与条形图标签位置进行比较？还是有另一种方法呢？
我当前的配置：
const countryChartOptions = {
hover: {
onHover: this.onChartHover,
},
};
const onHover = (activeElements) => {
con
浏览 5提问于2017-01-28得票数 5
我正在尝试在chart.js中创建包含组的堆叠条形图。但我不希望标签出现多次，而是只出现一个唯一的标签。 下面是数据集： datasets: [
{
label: 'First Label',
data: [1,2,3],
borderColor: 'red',
backgroundColor: 'red',
stack: '1'
},
{
label: 'Second Label',
data: [1,2,3],
borderColor: 'green',
浏览 5提问于2021-04-18得票数 0
我正在尝试从外部加载JSON数据，并将其传递给数据集和标签。
当我启动服务器时，我看到数据在开发人员选项中被调用，但是在条形图中没有反映出来。
我尝试使用fetch函数来调用我的API，但是我不知道如何在标签(在chart.js中表示X轴)和数据集(在chart.js中表示Y轴)中调用它。
此外，我不知道如何调用数组数据。我将chartData调用到另一个图表文件中，在该文件中我创建了一个具有条形图的所有属性的图表，并尝试使用属性将此chartData调用到我的条形图数据中。
请纠正我哪里做错了。下面是我的代码。
getChartData(){
//Ajax calls here
浏览 11提问于2017-12-22得票数 0
回答已采纳
我开发了在条形图中显示一些数据的程序，我使用chart.js和配置我的数据，我只想定制标签，使特定的标签粗体化和红色。
我在(ticks)属性中使用回调函数访问标签的值。
xAxes: [{
ticks: {
fontFamily: "IRANSans",
fontSize: 16,
autoSkip: false,
callback: function(value) {
if (value === 'some_value') {
浏览 0提问于2019-04-27得票数 6
1回答
我在一个项目中使用chart.js，因为它拥有麻省理工学院的许可证，而不是高海图框架。有一件事可以很容易地在高图表上完成，而我似乎不能用Charts.js来做，那就是在我的条形图上有标签，
在高图集中，这个条形图的每个堆栈上的数字都是以这种方式配置的：
plotOptions: {
series: {
dataLabels: {
enabled: true
}
}
我已经广泛地阅读了，没有找到在论坛中实现同样的可视化或示例的方法。有用Chart.js条形图在条形图上显示数字
浏览 1提问于2021-03-31得票数 1
回答已采纳
我试图在我的条形图上添加数据标签。
import { Bar } from 'react-chartjs-2';
import ChartDataLabels from 'chartjs-plugin-datalabels';
<Bar data={chartData} options={opts} plugins={[ChartDataLabels]} />
参考
面对以下问题：
无法解析/node_modules/chartjs-plugins-datalabels/dist中的chart.js/helpers
浏览 10提问于2022-04-08得票数 1
回答已采纳
在chart.js中，如果从移动设备访问，是否可以隐藏x轴标签/条形图文本？
我想隐藏/删除标签在x轴 ie“一月”，“二月”等.
浏览 7提问于2015-02-23得票数 4
回答已采纳
1回答
如何将水平Chart.js条形图上的标签从左向右移动？这是左边的当前标签。酒吧仍然应该从左到右，但标签都应该在图表的最右边，就好像它们在向右浮动一样。
浏览 2提问于2016-12-06得票数 1
回答已采纳
1回答
我正在使用Chart.js，并将其设置为生成一个漂亮的条形图。不幸的是，当您将鼠标悬停在条形图上时，默认弹出窗口仅显示条形图的值。我希望弹出窗口显示组中的每个酒吧的标签和它的值。你有没有什么例子等等？非常感谢!
浏览 9提问于2017-12-27得票数 0
我想要实现的是：
为此，我使用，这只是chart.js的一个扩展。我有条形图，颜色和爵士音乐。我不知道的是如何使x轴标签出现在条形图的顶部，而不是在它们下面。为了澄清，我不想让它出现在悬停或其他任何东西上，只是出现在顶部的栏杆上。
问题：需要什么样的配置才能使x轴标签显示在条形图上？
浏览 4提问于2016-08-15得票数 2
回答已采纳
我正在尝试使用chart.js在条形图上显示标签。MyY.-Axis有自定义标签，如: scaleLabel："<%=值+ '$‘%>“
所以，我的条形图y.axis大概是1000美元，2000美元等等。当我在每个栏的顶部显示标签时，这些值显示为1000、2000等。有没有办法在每个条形上显示自定义的y轴标签？
我看起来像，而不是5000，我如何才能显示“5000美元”在每个酒吧之上？
浏览 1提问于2015-03-18得票数 3
我使用的是角13和chart.js 3.7.1。我希望x轴标签应该被移动在条形图旁边和图表内部，而不是显示在图表之外。
浏览 3提问于2022-04-11得票数 1
我使用的是Chart.js版本3。我需要在堆叠条形图的y轴上左对齐标签。如何做到这一点呢？ ?
浏览 32提问于2021-10-26得票数 0
回答已采纳
我正在使用Ionic 3，我正在显示一个条形图，我需要在图表上的条形图旁边显示数据标签，就像这个问题how to display data values on Chart.js 我按照到目前为止为chartjs-plugin-datalabels找到的说明进行了操作，但不起作用，它在我的图表上没有显示任何数据标签。 我通过npm安装了chartjs和chartjs-plugin-datalabels，它们在我的package.json中看起来像这样 "chart.js": "^2.7.3",
"chartjs-plugin-datalabels"
浏览 25提问于2019-02-06得票数 2
回答已采纳
1回答
我有一个在页面加载时实例化的Chart.js条形图。然后，我希望在图表可用时将数据添加到图表中(在创建数据时没有数据)。但是，传入新数据时，图表似乎总是无法呈现传入的第一组数据：
var bar_chart_data = {
labels: [],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
浏览 1提问于2014-08-22得票数 0
回答已采纳
1回答
我试图将结果映射到一个角度图上，但对于如何映射我的标签和数据感到困惑。我的服务返回如下所示的对象：
Object {0: 5, 4: 1, 9: 1, 14: 2}
问题如何将我的标签映射到0、4、9、14，以便我可以使用它将其放入如下所示的条形图和数据中：
angular.module("app", ["chart.js"]).controller("BarCtrl", function ($scope) {
$scope.labels = ['0', '4', '9', '14&
浏览 3提问于2016-06-27得票数 1
回答已采纳
1回答
我是这个Chart.js的初学者，想问一问，如何在条形图中隐藏标签和0值。我不能仅仅隐藏整个数据集，因为我正在使用SQL来将值“输入”到Chart.Js中。我只想要条形图显示只有当标签有价值。需要你的帮助
{
{
$.post("datachartasr.php",
function (data)
{
console.log(data);
var intake = [];
var active = [];
var inacti
浏览 6提问于2022-02-11得票数 0
我正在使用chart.js制作带有两个条形图的条形图。我需要不同的颜色。但是当我有两个数据集时，我想要不同的颜色，但是条形图被分组在一个标签中，如下所示：和code：
var barChartData = {
labels : ["Pronájem","Trvalá licence"],
datasets : [
{
fillColor : "
浏览 1提问于2015-03-30得票数 0
我有这个图表：
...which完全按照我想要的方式显示，但有一个例外...条形图中的数据是在x轴上的两次之间。因此，所有标签都需要平移到网格线上，而不是条形图中默认的标签之间。红色和蓝色条是8:00到9:00之间的数据。我希望我已经解释得足够清楚了。
我正在搜索Chart.js文档，但这似乎是不可能的！我知道我可以把我的标签改成，比如晚上8点到9点，但这似乎是一种更笨拙的视觉方式。有没有人知道实现这一点的方法？理想情况下，在最后一条垂直网格线上也应该有另一个'12am‘。
浏览 6提问于2020-02-14得票数 1
1回答
我正在使用Chart.js来显示条形图。
我面临的问题是标签太长，条形图的设计不对齐。我已经创建了一个小提琴:-
var ppHorizontalBar = new Chart(document.getElementById("canvas_HorizontalBar1").getContext("2d")).Bar(data, opt);
我想在标签长的时候把它缩短。
我尝试了很多方法，但没有得到适当的结果。
如何截断标签？或者，为了让设计看起来井然有序，处理这个问题的最佳方法是什么。
浏览 0提问于2015-07-16得票数 0
我用Chart.js呈现了一个水平堆叠的条形图，图例对应于不同的类。下面是其中的一小部分(在虚拟数据集上工作，忽略无意义的名称)： ? 左边的标签是用户，图例中的标签(对应于条形图中的类，即不同的数据集)是邮件列表。图表基本上显示了有多少用户是特定邮件列表的成员；条形的长度是给定用户是多少邮件列表的成员。 我想做的是设置它，以便将鼠标悬停在图例中的条目上将突出显示(理想情况下带有边框或其他东西)条形图中与该数据集相对应的部分。因此，如果我将鼠标悬停在第一个数据集条目上，所有这些条左端的蓝色块(“阴离子”除外)都会得到突出显示。 使用图例的onHover和onLeave事件，我成功地con
浏览 53提问于2021-02-12得票数 1
2回答
谁能给我演示一下Chart.js 2.6+用来计算条形图中Y轴的数学逻辑？我已经创建了一个分页功能，允许我在具有大量柱状图的条形图中分页。它工作得很好，除了我需要在图表的数据集发生变化时Y轴保持不变。
为此，我获取图表的数据并创建其子集，例如前20条记录，并将其作为数据对象提供给图表。但是，为了使Y轴固定，我采用完整数据集中的最大值，并将其作为图表中yAxes对象的ticks中的max值提供，如下所示。
yAxes: [{
ticks: {
max:value_i_determine_here
}
}]
这是可行的，但并不完美，因为Chart.js有时会
浏览 5提问于2017-07-20得票数 3
回答已采纳
我在图表中使用条形图。在那个条形图中，条形图的宽度是不一致的。表示当条形计数(标签)为1时，单个条形图显示为更大的width.It，几乎占据了画布的整个宽度。
当条数(标签)为3或更多时，如果我尝试使用"barValueSpacing“作为条形图，它正在工作fine.But，如果我最小化浏览器，每个条形图重叠表示它没有响应。
在像"JQPLOT“这样的图表中，条形图的宽度是自动调整的，它不关心条数，因为它有"barWidth”option.So，我想在chart.js中设置条形条的默认宽度，并且正在使用"ChartNew.js“library.Could，您能帮
浏览 1提问于2015-05-21得票数 0
1回答
角图. set定义集Y轴宽度
、、、、
我使用 (它使用)创建一个条形图，下面还有一个显示相同数据的表。
我遇到的问题是，当我更改正在显示的数据时，Y轴标签会更改宽度，并抛出所有偏离对齐的位置，例如：
图表和表格在第一张图片中对齐，但当数据变化(最大Y轴标签3个字符从4个减少)时，它看起来像第二个图片。
我在chart.js文档中找不到任何东西，有没有办法在全球范围内为Y轴标签设置宽度？
浏览 3提问于2015-12-30得票数 0
回答已采纳
在我的chart.js堆叠条形图中，我只希望三个数据集中的两个数据集有一个图例标签。 有没有办法做到这一点？目前，我只能通过在图表选项中添加以下内容来隐藏整个图例： legend: {
display: false
} 即，是否可以在选项中指定哪些数据集有图例，哪些没有图例？(如果可能的话，也可以在数据集中)。
浏览 6提问于2021-06-24得票数 0
回答已采纳
1回答
我正在尝试编程一个同位素模式计算器，并想要可视化的结果模式，它应该看起来像这样:同位素模式 因此，我考虑使用条形图和chart.js。然而，我发现的所有示例都有几个月或几年来标记x轴。但我需要一个“正常”的x轴，就像散点图类型一样，这样条形图就会包含在数字之间，而不是总是在标签的正上方。 这可以使用chart.js (或替代方案)来完成吗？ 谢谢你，https://i.stack.imgur.com/Jqtl8.png
浏览 12提问于2021-11-13得票数 0
回答已采纳
1回答
我想绘制由少量但可变数量的彩色区域组成的条形图，相同的(三种)颜色在每个条形图中出现多次。我知道stacked bar charts in chart.js，但它对每个条形图使用相同数量的彩色区域(数据集)。用它来绘制一组长度为零的数据集，以获得每个条形图中正确数量的彩色区域，这感觉是错误的。也就是说，chart.js中的工具提示等很好，所以如果没有更自然的解决方案，也许零长度数据集是可行的。有什么想法吗？
浏览 14提问于2020-09-26得票数 0
我在我的Chart.js项目中使用ASP.NET。我有这样的条形图：
正如您所看到的，对于一些酒吧用户将无法看到他们的标签。我正在考虑使图表的显示尺寸变小，以便在右边有足够的空间用于标签。但怎么做呢？
浏览 1提问于2017-07-11得票数 0
回答已采纳
我想使用chart.js从外部JSON文件中绘制数据图表。例如，json文件here列出了电影("title")和分级("rt_score")。我希望能够显示每部电影及其分级，而不是在.js文件中包含静态JSON，而是使用$.ajax调用方法来引用/films端点。 我想要： 标签: labelsVariable数据: dataVariable 到目前为止带有静态数据的设置的Here is a fiddle。 这是我的HTML： <body>
<canvas id="myChart" width="400"
浏览 32提问于2019-05-20得票数 2
回答已采纳
我想根据数字标签值在Chart.js条形图和线条图中设置y轴勾标的颜色。具体来说，我希望负值变成红色。此外，我不想显示"-1“、"-2”等，而是要覆盖显示"(1)“、"(2)”等等。
我看到了基于索引/位置更改滴答标签的例子，但没有根据标签值进行有条件的更改。提前感谢您的指导。
浏览 13提问于2022-10-14得票数 1
回答已采纳
我正在尝试用Chart.js创建一个条形图，其中可以显示和隐藏条形图(人员)。我知道可以单击图例上的标签来执行此操作，但由于所有数据都具有相同的图例，因此所有条都将被隐藏。如果我使用多个数据集，所有的条形图都显示在一个条形图中(不确定如何正确解释这一点)。
这是我目前所拥有的：
var options = {
type: 'horizontalBar',
data: {
labels: ['Person 1', 'Person 2', 'Person 3', 'Person 4'],
浏览 87提问于2018-06-09得票数 0
回答已采纳
如何在https://valor-software.com/ng2-charts/制作的条形图中将x轴标签包装成多行(2行)？ 预期结果应该类似于this。请参见X轴标签。 Ng2-charts基于Chart.js并找到以下链接(PR)来帮助解决此问题。 https://github.com/chartjs/Chart.js/commit/d1b411f4fc2d7b9cafa2d235c9ee008d149a22e3 https://github.com/chartjs/Chart.js/pull/2704 然而，在ng2-charts中实现同样的目标是可能的吗？任何人在使用NG2图表时遇
浏览 38提问于2019-01-08得票数 7
回答已采纳
1回答
我想在Chart.js中创建条形图，并按类别显示最长的电影。所以我有一张地图，里面是最长的电影的标题和长度。示例: 0：{“不可触摸的”=> "107"} (来自喜剧) 1：{“魔鬼倡导者”“=>”144}(来自惊悚片)我将这两个数据分别放在一个数组中：
this.keys = Array.from(this.map.keys());
this.values = Array.from(this.map.values());
在条形图中，我希望标题作为标签，长度作为数据，类别作为标签。
我试过这个：
createDiagram(){
this. barCha
浏览 5提问于2020-04-22得票数 0
回答已采纳
1回答
我正在为一个客户重新设计一个应用程序，他们想要显示一个图表。他们目前使用的是一个完整的图表，他们希望停止使用，但布局必须保持不变。
这是他们想要的布局(因此标签应该是可见的，单个条形图，.)
所以我的第一个选择是尝试Chart.js，但是我只能得到这样的东西：
因此，最基本的是，唯一需要发生的事情是一种总是显示标签的方法。
数据是通过角度提供的，只是一个数组的if整数。对图表使用以下指令：
我当前的html：
<canvas id="polar" class="chart chart-polar-area" data="data.v
浏览 4提问于2015-08-04得票数 3
回答已采纳
1回答
您好，我正在使用Chartnew.js绘制条形图。我已经定义了x和y轴标签，并绘制了其中的条形图。
1)如何固定此图表中每个条形的宽度(宽度应等于20像素)
2)该图表最多能处理多少条？
3)如果条形图数量增加，是否可以滚动条形图？
4)另外，如果它可以滚动，在我的页面上，我是否可以将我的图表区域滚动到特定的条形图偏移量(例如，它应该根据某个索引显示为中心或突出显示)？5)我也尝试使用chart.js，但无法解决这个问题。
任何帮助都将不胜感激
谢谢
浏览 0提问于2015-02-17得票数 1
1回答
我正在使用Chart.js版本2.1.3创建线条图。
我想把标签和点放在x轴上的网格线之间(如条形图中)。
对于标签，我使用“offsetGridLines”选项来抵消网格线上的标签：
scales: {
xAxes: [{
gridLines: {
offsetGridLines: true
}
}],
...
然而，我找不到一个方便的解决办法，中心点。
下面是我的初始示例(放置在网格线之间的标签)：。
下面是我的非典雅解决方案，它创建一个空的'bar‘型数据集，并在创建图表后删除它(在网格线之间绘制点)
浏览 2提问于2016-06-22得票数 3
我使用Chart.js来用条形图显示一些数据。我的问题是，是否有一种方法可以提取工具提示的文本并显示在不同的div上，所以每当我将条形图悬停在页面的另一个位置时，就会得到标签和值。
我成功地使用警告(标签)函数通知了标签或值。但是，当我使用$(‘#mydiv’).text(标签)函数时，它不起作用。这是我的代码：
<canvas id="widgetChart4"></canvas>
<id id="myDiv"></id>
<script>
var ctx = document.getElemen
浏览 0提问于2018-12-28得票数 1
回答已采纳
我目前正在使用Chart.js在一个项目中生成条形图。我将其设置为通过ASP.NET set方法将数据返回到图表，并将其设置为使用静态标签。
通过在onComplete回调之后迭代数据集和数据，然后使用fillText命令在画布上写入，我就做到了这一点。
现在，我遇到了标签有时与图表内容重叠或重叠的问题。
我要做的是检查画布是否已经在给定的点/区域上有什么东西。这是可能的吗？，如果是的话，怎么做？
我是一个经验丰富的程序员，但对JavaScript非常陌生。我寻找了几个小时，试图找到一个合适的解决方案，但没有找到任何正确的工作。
如果需要，我可以提供示例代码和图像，但考虑到问题的范围，我认为不
浏览 2提问于2017-06-06得票数 0
回答已采纳
public barChartOptions: any = {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [
{
grid: {
display: false,
},
scaleLabel: {
display: true,
labelString: 'Counts',
},
},
],
xAxes: [
浏览 6提问于2022-09-26得票数 1
回答已采纳
我使用的是chart.js，我想在条形图上显示标签值，那么该怎么做呢？
var barChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,1)",
浏览 0提问于2014-04-04得票数 4
我在更新chart.js中的图例时遇到了困难。
我有一个标准条形图，每个标签有两个数据点，例如：
let chartData = {
apple: {
a: 1,
b: 3
},
orange: {
a: 2,
b: 2
},
banana: {
a: 3,
b: 1
}
};
在单击按钮时，排序将从a->b或相反更改。
颜色也变了，这就是我的问题所在：
传说不会在第一次切换时更新。之后，总是有一个按钮在后面。
我试着研究如何在图例中显式设置颜色，这样我就可以在updateChart()函数中手
浏览 1提问于2020-06-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
