[Chartjs]-Chartjs Legend Styling

3👍

You need to style your ul to remove the bullet points (and set the color) and you need to make your li inline. This should do this for you

.chart-legend ul {
    list-style: none;
    background: black;
    color: white;
}

.chart-legend li {
    display: inline-block;
}

Note that if you have additional CSS that targets the same elements you might need more specificity or style resets.


Fiddle – http://jsfiddle.net/bseccq9v/

Leave a comment