Search code examples
highchartsreact-highcharts

HighchartsReact changing the legend symbol into Square

I want to change the symbol of the legend from circle to square. is there a flag that I can add to the legend section to change it? my legend section currenlty look like this:

        legend: {
            enabled: true,
            align: 'left'
        },

enter image description here

I want it to look like this:

enter image description here

Solution

  • For your area chart you can make the legend symbols square by removing their radius (rounding). For example (API):

    legend: {
  symbolRadius: 0
}

    See this JSFiddle demonstration.