首页 > 解决方案 > Chart.js 图例对齐左侧

问题描述

代码沙盒

如何将该图例向左移动?我已经尝试使用options:{legend:{position: 'left'}}.

目标: 在此处输入图像描述

position: left将图表向右移动对我不利的地方:

在此处输入图像描述

标签: javascripthtmlreactjschart.js

解决方案


您的代码是正确的,您将来可以将图例对齐如下

legend: {
    position: "top",
    align: "start"
}

但该功能目前尚未实施(2019-03-30)。该功能已经合并,将与 2.9 版本一起发布。您要么必须等到版本 2.9发布,要么使用开发版本,不建议这样做,因为它们只能用于测试目的。


推荐阅读