使chartjs图例标签可标签化

Question

我正在尝试使图表上的标签可标签化。 在这个实现中，我使用react-chartjs-2。 但是，配置选项对象仍然是 chartjs 的标准。

示例代码：

    const options = {
        legend: {
            onHover: (e) => {
                console.log(e.target); // this is the entire legend, not individual labels
            },
            labels: {
                onHover: (e) => { 
                /* doesn't work; trying to see if have access to e.target even to do DOM manipulation... */
                    console.log(e.target); // doesn't fire
                }
            }
        }
    }

有趣的是，单击这些标签会过滤该数据集的显示，我只需要一种方法来使用 enter 键使其成为 tabbable 以及可单击。

我搜索了 chartjs 文档，但找不到添加悬停和焦点事件的方法，或启用标签的焦点功能（屏幕截图中为 2014 年秋季至 2018 年秋季）。

Answer 1

我认为只指定位置就会得到结果。

options: {
    legend: {
        position: 'top'
    },
}