How to remove the rectangle at the top?

Great component. Just one thing. I prefer to have my own label - to better manage translation - and put it just above of the component.

But I need to remove the preset label. To remove the text I can easily set the label property to ''. But I didn’t manage to remove the rectangle at the top. How can I do that?

Thanks!

[alexrudd]

In your chart options set legend.display to false.

this.renderChart(this.data, { legend: { display: false } })

see documentation: http://www.chartjs.org/docs/latest/configuration/legend.html

[apertureless]

Well, I don’t want to copy paste the whole chart.js docs. The vue-chartjs docs contain only very specific usages of vue-chartjs which are tailored for usage with vue.

For general questions about how to make chart.js stuff, it’s always better to lookup the official chart.js docs. As everything mentioned there will work with vue-chartjs.