如何使用 Chartjs 对图例条目进行分组?

Posted

技术标签:

【中文标题】如何使用 Chartjs 对图例条目进行分组?【英文标题】:How do I group legend entries using Chartjs? 【发布时间】:2017-02-04 11:24:51 【问题描述】:

Chartjs 是否支持根据某些固定属性对图例条目进行分组?例如,假设我想对两个图例条目进行分组,并为它们提供一个共同的标题“神经科学”。库目前是否支持此功能?

附件是我想要做的事情的图像。

【问题讨论】:

【参考方案1】:

经过更多研究,是的,Chartjs 提供了一个简单的界面来自定义图例。每个图表都接受一个 legendCallback 函数,该函数将图表对象作为它的唯一参数,并返回一个表示图例的 html 字符串。

有关详细信息,请参阅 Chartjs 文档。

【讨论】:

以上是关于如何使用 Chartjs 对图例条目进行分组?的主要内容,如果未能解决你的问题,请参考以下文章

如何强制我的 ChartJS 画布图例留在单个列中?

如何使用 CouchDB 按年和月对条目进行分组?

ChartJS 显示图例

ChartJS 版本 3 - 多个折线图的常用图例

使用 Chart js 的饼图图例样式

有没有办法隐藏/自定义 ChartJS 上面的图例?