angular-chart.js
angular-chart.js copied to clipboard
Charts not showing labels only tool tips
Overview
Describe the issue. What is the issue and what did you expect?
Please make sure to review and check all of these items:
- [ ] Use latest version of the library
- [ ] Make sure you've included all the dependencies e.g Chart.js, angular, etc.
- [ ] Include a repro case, see below.
Step to reproduce
Ensure you add a link to a plunker, jsbin, or equivalent. Issues without repro steps may be closed immediately.
Here is a jsbin template for convenience.
Even on the demo pages labels are missing, only tool tips appear.
+1
For me the question lead to an incorrect first impression ... For labels there is an extra ChartJs plugin, for instance chartjs-plugin-labels. Look at https://github.com/chartjs/awesome
I had to set the legend display option to true even though the docs say the default is true: https://www.chartjs.org/docs/latest/configuration/legend.html
$scope.options = { legend: { display: true } };
<canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options"></canvas>