Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js 使chartjs图例标签选项卡化_Chart.js_React Chartjs - Fatal编程技术网

Chart.js 使chartjs图例标签选项卡化

Chart.js 使chartjs图例标签选项卡化,chart.js,react-chartjs,Chart.js,React Chartjs,我正在尝试使图表上的标签成为选项卡。 在这个实现中,我使用了。 但是,配置选项对象仍然是chartjs的标准 示例代码: 常量选项={ 图例:{ onHover:e=>{ console.loge.target;//这是整个图例,而不是单个标签 }, 标签:{ onHover:e=>{ /*不起作用;正在尝试查看是否可以访问e.target,甚至可以执行DOM操作*/ console.loge.target;//未激发 } } } } 有趣的是,单击这些标签会过滤数据集的显示,我只需要一种方法,

我正在尝试使图表上的标签成为选项卡。 在这个实现中,我使用了。 但是,配置选项对象仍然是chartjs的标准

示例代码:

常量选项={ 图例:{ onHover:e=>{ console.loge.target;//这是整个图例,而不是单个标签 }, 标签:{ onHover:e=>{ /*不起作用;正在尝试查看是否可以访问e.target,甚至可以执行DOM操作*/ console.loge.target;//未激发 } } } } 有趣的是,单击这些标签会过滤数据集的显示,我只需要一种方法,使其在可单击的同时,可以使用enter键进行制表

我已经搜索了chartjs文档,但找不到添加悬停和聚焦事件的方法,也找不到在屏幕截图中启用标签2014年秋季到2018年秋季聚焦功能的方法


我认为通过指定正确的位置,您将得到结果

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

我想通过指定正确的位置,你会得到结果。我编辑了你的答案,因为它被标记为低质量。请在回答更多问题之前阅读。谢谢,但这只会调整图例的位置。标签仍然不可选择,不使用tab键接收焦点。