question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

show Dataset label on Chart

See original GitHub issue

When i going to show a line chart or bar chart should have the option to display a label for each dataset.

Example:

new Chart(ctx).Line(data, options);
var options = {
    showDatasetLabels : true
}
var data = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            label: "Salesman A",
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            pointColor : "rgba(220,220,220,1)",
            pointStrokeColor : "#fff",
            data : [65,59,90,81,56,55,40]
        },
        {
            label: "Salesman B",
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [28,48,40,19,96,27,100]
        }
    ]
}

Issue Analytics

  • State:closed
  • Created 10 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

11reactions
RezaRahmaticommented, Jun 15, 2016

I have the same problem, the proposed fix is for TOOLTIP not VALUE LABELs, we are going to show charts on large screen as dashboard, so there is no mouse to hover, how can I show values on each Bar or Column

6reactions
etimbergcommented, Dec 24, 2015

Closing since there is a fix

Read more comments on GitHub >

github_iconTop Results From Across the Web

display dataset label in Chart.js line - javascript - Stack Overflow
I am able to generate the line graph using Charts. js tool. There are two datasets, for the years 2014 and 2015. The...
Read more >
Data structures | Chart.js
If the labels property of the main data property is used, it has to contain the same amount of elements as the dataset...
Read more >
Chart.js to hide dataset labels - Javascript - Java2s.com
Chart.js to hide dataset labels - Javascript Chart.js. Javascript examples for Chart.js:Chart Data ... Demo Code. ResultView the demo in separate window ...
Read more >
Hide title label of datasets in Chart.js - Devsheet
To remove or hide datasets label in Chart.js you can set legend display property to false.
Read more >
Display Customized Data Labels on Charts & Graphs
In this mode, the chart automatically chooses the most appropriate display mode for data labels - depending on space availability. If the number...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found