javascripthtmlreactjschart.js

Chart.js legend alignment left side

CodeSandbox

How to move that legend to the left? I have tried to use options:{legend:{position: 'left'}}.

Goal: enter image description here

position: left shifts the chart to the right what is not good for me:

enter image description here

Solution

  • Your code is correct and you will be able to align the legend as following in the future:

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

    But the feature is currently not implemented at the current time (2019-03-30). The feature is already merged and will be released with version 2.9. You either have to wait until version 2.9 will be released or use a development release, which is not recommended as they should only be used for testing purposes.