Skip to main content

All Questions

0 votes
1 answer
258 views

ChartJS Customised tooltip and LegendText not displaying after version update

Earlier i was using 2.7.2 version of ChartJS, now im updating to 4.4.1 So in my chart i was creating customized tooltip and customized Legend text but after version update both are not working Here is ...
Aishwarya's user avatar
0 votes
2 answers
453 views

How to convert a bar legend to line legend in chart.js 2.7.2?

I am trying to create a line graph using chart.js v2.7.2 and here is what it looks like: const labels = [ 'January', 'February', 'March', 'April', 'May', 'June', ]; const data = { ...
Shilp Thapak's user avatar
1 vote
0 answers
220 views

ChartJS Stacked Bar Chart Display Stack Names in Legend

I have a stacked bar graph and wish to divide the data labels in the legend into groups based on the stack id/name to which they relate by including the stack id/name as header for each group of ...
dickey's user avatar
  • 21
0 votes
1 answer
424 views

chartjs bar chart align the legend to left position

I'm working chartjs bar chart, i need to align the legend to left side, i tried position: "left" but it moves chart to the right is there any other way to position the legend to left ? legend: { ...
sasikumar's user avatar
3 votes
3 answers
3k views

remove strikethrough behavior in chart.js bar chart

i am trying to change the look of the legends by removing the strikethrough effect , wihtout using legendCallback function in chart.js. The reason why i do not want to use the legendCallback function ...
Hunt's user avatar
  • 8,345
1 vote
0 answers
441 views

Labels too long to show in chartjs Pie chart

I have below code for a chartjs Pie chart where few labels are too large to show on page when tapped by user. Code var config = { type: 'pie', data: { datasets: [{ ...
javascript_learner's user avatar
26 votes
3 answers
95k views

How can I control the placement of my Chart.JS pie chart's legend, as well as its appearance?

I am able to create a pie chart using Chart.JS with this code: HTML <div> <canvas id="top10ItemsChart" style="padding-left:20px" width="320" height="320"></canvas> <div ...
B. Clay Shannon-B. Crow Raven's user avatar