javascript - Chart JS 分组子标签

标签 javascript chart.js

查看文档,我正在努力寻找一种解决方案来呈现带有附加数据结构的图表。

谁能帮助回答以下是否可能以及如何可能?

  • 多个分组堆栈(分组重复使用数据集)
  • 为组内的每个条形图添加子标签。

enter image description here

有没有人能够通过图书馆实现这一目标?

提前致谢。

最佳答案

我以前从未见过这样做。但我可以看到一个可能的替代解决方案。

您可以使用 chartjs datalabels 插件,它允许您在数据本身上放置标签。

这是一个例子:https://chartjs-plugin-datalabels.netlify.com/samples/charts/bar.html源代码在这里:https://github.com/chartjs/chartjs-plugin-datalabels/blob/master/samples/charts/bar.html

首先,您必须安装数据标签插件,并将数据标签参数添加到您的数据中。

关于javascript - Chart JS 分组子标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48643408/

相关文章:

javascript - 在哪些对象上定义函数的局部范围内的变量?

javascript - 如何在 es6 中编写更好的代码以使用数组值格式化对象

javascript - 如何使用 python 或 javascript 在 <canvas> 元素中抓取数据?

javascript - 如何移动标签在 Chart.js 饼图上的位置

javascript - 如何在 vert.x 中运行 node.js 应用程序?

javascript - 更改 Google Chart 的内部颜色

javascript - iPhone uiwebview 超链接

javascript - 我的博客上有 Stack Overflow 键盘字形

javascript - ChartJS 设置 yAxes "ticks"

chart.js - 图表 : How to create padding between ticks and scale label