使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
                }
            }
        }
    }

有趣的是，单击这些标签可以过滤该数据集的显示，我只需要一种方法，然后使用回车键进行标记，也可以点击。

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

Answer 1

我认为通过指定位置你会得到结果。

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