angular-chart.js icon indicating copy to clipboard operation
angular-chart.js copied to clipboard

Charts not showing labels only tool tips

Open mcwebdev opened this issue 6 years ago • 4 comments

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.

mcwebdev avatar Jan 09 '19 17:01 mcwebdev

Even on the demo pages labels are missing, only tool tips appear.

mcwebdev avatar Jan 09 '19 17:01 mcwebdev

+1

rubenstolk avatar Feb 21 '19 13:02 rubenstolk

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

josals avatar Apr 06 '19 08:04 josals

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>

RyanDurkin avatar Feb 07 '20 16:02 RyanDurkin