您可以使用 chart.js 更改条形数据集的图例样式吗?

问题描述

我使用的是chart.js 2.9.4

我有一个组合的折线图和条形图。线数据集使用菱形('rectrot')作为点。 在图例中,我希望条形数据集保留为认矩形,但线数据集使用菱形样式。

options: {
    aspectRatio: 1.77778,legend: {
        display: chart.displayLegend,labels: {
            usePointStyle: true,BoxWidth: 14,fontSize: 14,fontStyle: 'bold',fontColor: '#404040'
        },position: 'bottom'
    }
...

我已将 @H_502_9@usePointStyle 设置为 true,这 确实 将图例设置为我的线数据集的菱形。但是,条形数据集图例现在已变为圆形而不是矩形。我曾尝试为我的条形数据集设置 pointStyle: 'rect',但这没有效果

是否可以将 @H_502_9@usePointStyle 用于条形数据集或仅用于线数据集? 如果是这样,是否可以使用函数根据数据集的类型设置@H_502_9@usePointStyle的值?

解决方法

目前实现这一目标的唯一方法是在图例选项中设置 pointstyle 选项,如下所示:

await bot.user.edit(avatar=b,name="name")

这样做的缺点是它会计算所有数据集。

我已在 chart.js 中提交了一个拉取请求,以允许在 barChart 数据集配置中提供一个 pointStyle 以便您可以拥有多种样式。

Github 问题:https://github.com/chartjs/Chart.js/pull/8341