您可以使用 chart.js 更改條形數據集的圖例樣式嗎？

Question

我正在使用 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'
    }
...

我已將usePointStyle設置為 true，這確實將我的線數據集的圖例設置為菱形。 但是，條形數據集圖例現在變成了圓形而不是矩形。 我嘗試為我的條形數據集設置pointStyle: 'rect'但這沒有效果。

是否可以將usePointStyle用於條形數據集，還是僅用於線數據集？ 如果是這樣，是否可以使用function根據數據集的類型設置 usePointStyle 的值？

Answer 1

目前，實現這一點的唯一方法是在圖例選項中設置 pointstyle 選項，如下所示：

             options: {
                plugins: {
                    legend: {
                        labels: {
                            usePointStyle: false,
                            pointStyle: 'cross',
                        }
                    },
                }
            }

這樣做的缺點是它將計入所有數據集。

我已經在 chart.js 提出了一個拉取請求，以允許在 barChart 數據集配置中提供 pointStyle，以便您可以擁有多個 styles。

Github 問題： https://github.com/chartjs/Chart.js/pull/8341