Accepted answer

I haven't been able to figure out how to color the marker in the legend, but to me the markers don't make sense in this case anyhow. So, I've turned them off in my fiddle.

To color the text, you can use the legend labelFormatter function.

legend: {
  labelFormatter: function() {
    return '<span style="text-weight:bold;color:' + this.userOptions.color + '">' + + '</span>';
  symbolWidth: 0


Just to add, Barbara's answer is still valid in 2019. However, to remove the marker, you'll have to add

squareSymbol: false

I would have added this as a comment in her answer but I do not have enough reputation points.

Related Query

More Query from same tag